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 相关文章推荐
flash javascript之间的通讯方法小结
Dec 20 Javascript
jQuery操作select的实例代码
Jun 14 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
a标签的href与onclick事件的区别详解
Nov 12 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
继续学习javascript闭包
Dec 03 Javascript
JavaScript中split与join函数的进阶使用技巧
May 03 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
完美实现js拖拽效果 return false用法详解
Jul 28 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
react合成事件与原生事件的相关理解
vue实现可拖拽的dialog弹框
vue如何批量引入组件、注册和使用详解
JavaScript继承的三种方法实例
May 12 #Javascript
canvas绘制折线路径动画实现
JavaScript原始值与包装对象的详细介绍
May 11 #Javascript
vue组件的路由高亮问题解决方法
You might like
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
PHP 快速排序算法详解
2014/11/10 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
javascript新手语法小结
2008/06/15 Javascript
javascript优先加载笔记代码
2008/09/30 Javascript
js类型检查实现代码
2010/10/29 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
jquery事件的ready()方法使用详解
2015/11/11 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
JS匹配日期和时间的正则表达式示例
2017/05/12 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
Python 代码性能优化技巧分享
2012/08/07 Python
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
python实现倒计时的示例
2014/02/14 Python
python使用pil生成缩略图的方法
2015/03/26 Python
Python实现栈的方法
2015/05/26 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
python tqdm 实现滚动条不上下滚动代码(保持一行内滚动)
2020/02/19 Python
序列化Python对象的方法
2020/08/01 Python
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
时装界的“朋克之母”:Vivienne Westwood
2017/07/06 全球购物
C语言开发工程师测试题
2016/12/20 面试题
毕业生的自我评价分享
2013/12/18 职场文书
《最可爱的人》教学反思
2014/02/14 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
三好学生评语大全
2014/12/29 职场文书
工作态度怎么写
2015/06/25 职场文书
农村房屋租赁合同(范本)
2019/07/23 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python