js之ajax文件上传


Posted in Javascript onMay 13, 2021

1、页面使用form表单,要有这个enctype="multipart/form-data"

<form id="uploadPackage" name="" enctype="multipart/form-data" action="">
    <input id="oFile" type="file" name = "file" class="zj_ny2xzfile fl"  
    onchange="upload(this)"/>
</form>

 2、获取文件大小

var ofile  = $("#oFile").get(0).files[0];
var osize = ofile.size/1048576;

3、ajax中参数,(url写自己的,需要获取值时,使用同步)

type : "post",
cache : false,
async : false,(需要获取值时,使用同步;不需要时,默认异步)
data: new FormData($('#uploadPackage')[0]),
processData: false,
contentType: false,
dataType:"json",
Javascript 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
对YUI扩展的Gird组件 Part-2
Mar 10 Javascript
Jquery数独游戏解析(一)-页面布局
Nov 05 Javascript
深入理解JavaScript作用域和作用域链
Oct 21 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
Jul 24 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
Dec 25 Javascript
jQuery中的一些常见方法小结(推荐)
Jun 13 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
Apr 11 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 Javascript
react合成事件与原生事件的相关理解
vue实现可拖拽的dialog弹框
vue如何批量引入组件、注册和使用详解
JavaScript继承的三种方法实例
May 12 #Javascript
canvas绘制折线路径动画实现
JavaScript原始值与包装对象的详细介绍
May 11 #Javascript
vue组件的路由高亮问题解决方法
You might like
社区(php&amp;&amp;mysql)六
2006/10/09 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
ThinkPHP发送邮件示例代码
2016/10/08 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
Javascript 实现计算器时间功能详解及实例(二)
2017/01/08 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
addeventlistener监听scroll跟touch(实例讲解)
2017/08/04 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
ES6数组与对象的解构赋值详解
2019/06/14 Javascript
如何在微信小程序中实现Mixins方案
2019/06/20 Javascript
微信小程序拖拽排序列表的示例代码
2020/07/08 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中使用dom模块生成XML文件示例
2015/04/05 Python
Pycharm 设置自定义背景颜色的图文教程
2018/05/23 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
Django中自定义查询对象的具体使用
2019/10/13 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
python重要函数eval多种用法解析
2020/01/14 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
会计与审计毕业生自荐信范文
2013/12/30 职场文书
小学国庆节活动方案
2014/02/11 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
解析laravel使用workerman用户交互、服务器交互
2021/04/28 PHP
python引入其他文件夹下的py文件具体方法
2021/05/23 Python
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL