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技巧--转义符&quot;\&quot;的妙用
Jan 09 Javascript
javascript TextArea动态显示剩余字符
Oct 22 Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
AngularJS  自定义指令详解及实例代码
Sep 14 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
shiro授权的实现原理
Sep 21 Javascript
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
JavaScript在web自动化测试中的作用示例详解
Aug 25 Javascript
react合成事件与原生事件的相关理解
vue实现可拖拽的dialog弹框
vue如何批量引入组件、注册和使用详解
JavaScript继承的三种方法实例
May 12 #Javascript
canvas绘制折线路径动画实现
JavaScript原始值与包装对象的详细介绍
May 11 #Javascript
vue组件的路由高亮问题解决方法
You might like
php dirname(__FILE__) 获取当前文件的绝对路径
2011/06/28 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
JS实现简易图片自动轮播
2020/10/16 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[04:40]DOTA2-DPC中国联赛1月26日Recap集锦
2021/03/11 DOTA
python切换hosts文件代码示例
2013/12/31 Python
Python实现partial改变方法默认参数
2014/08/18 Python
Python实现读取json文件到excel表
2017/11/18 Python
构造方法和其他方法的区别
2016/04/26 面试题
消防应急演练方案
2014/02/12 职场文书
出纳会计岗位职责
2014/03/12 职场文书
计算机应用专业毕业生求职信
2014/06/03 职场文书
设计师求职信
2014/07/01 职场文书
2014年纪委工作总结
2014/12/05 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书