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 相关文章推荐
20款超赞的jQuery插件 Web开发人员必备
Feb 26 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
jQuery 回车事件enter使用示例
Feb 18 Javascript
使用JavaScript和C#中获得referer
Nov 14 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
JS运动特效之任意值添加运动的方法分析
Jan 24 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
vue路由缓存的几种实现方式小结
Feb 02 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 Vue.js
react合成事件与原生事件的相关理解
vue实现可拖拽的dialog弹框
vue如何批量引入组件、注册和使用详解
JavaScript继承的三种方法实例
May 12 #Javascript
canvas绘制折线路径动画实现
JavaScript原始值与包装对象的详细介绍
May 11 #Javascript
vue组件的路由高亮问题解决方法
You might like
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
php导出CSV抽象类实例
2014/09/24 PHP
php array_merge函数使用需要注意的一个问题
2015/03/30 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
Javascript基础教程之比较null和undefined值
2016/05/16 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
2016/10/29 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
vue实现登录功能
2020/12/31 Vue.js
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
Python CSS选择器爬取京东网商品信息过程解析
2020/06/01 Python
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
关联、聚合(Aggregation)以及组合(Composition)的区别
2012/02/29 面试题
八项规定整改方案
2014/02/21 职场文书
yy生日主持词
2014/03/20 职场文书
民生工作实施方案
2014/05/31 职场文书
交通安全横幅标语
2014/10/07 职场文书
努力学习保证书
2015/02/26 职场文书
2015年消防工作总结
2015/04/24 职场文书
管理失职检讨书
2015/05/05 职场文书
护士旷工检讨书
2015/08/15 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python