jQuery插件ajaxFileUpload实现异步上传文件效果


Posted in Javascript onApril 14, 2015

ajaxFileUpload是一个异步上传文件的jQuery插件。

传一个不知道什么版本的上来,以后不用到处找了。

语法:$.ajaxFileUpload([options])

options参数说明:

1、url

  上传处理程序地址。

2,fileElementId

   需要上传的文件域的ID,即<input type="file">的ID。
3,secureuri

  是否启用安全提交,默认为false。
4,dataType

  服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success

提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error

  提交失败自动执行的处理函数。
7,data 

  自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8, type 

   当要提交自定义参数时,这个参数要设置成post

错误提示:

1,SyntaxError: missing ; before statement错误

如果出现这个错误就需要检查url路径是否可以访问
2,SyntaxError: syntax error错误

如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误
3,SyntaxError: invalid property id错误

如果出现这个错误就需要检查文本域属性ID是否存在
4,SyntaxError: missing } in XML expression错误

如果出现这个错误就需要检查文件name是否一致或不存在
5,其它自定义错误

大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
js下用gb2312编码解码实现方法
Dec 31 Javascript
JS getStyle获取最终样式函数代码
Apr 01 Javascript
jQuery EasyUI 的EasyLoader功能介绍
Sep 12 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
Mar 25 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 Javascript
vue组件间通信解析
Mar 01 Javascript
基于iScroll实现下拉刷新和上滑加载效果
Jul 18 Javascript
Vue shopCart 组件开发详解
Jan 26 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
Sep 11 Javascript
vuex存储token示例
Nov 11 Javascript
Angularjs制作简单的路由功能demo
Apr 14 #Javascript
javascript中几个容易混淆的概念总结
Apr 14 #Javascript
浅谈Sizzle的“编译原理”
Apr 14 #Javascript
深入探寻seajs的模块化与加载方式
Apr 14 #Javascript
javascript数组去重的方法汇总
Apr 14 #Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 #Javascript
JavaScript 表单处理实现代码
Apr 13 #Javascript
You might like
PHP+DBM的同学录程序(4)
2006/10/09 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
Yii基于CActiveForm的Ajax数据验证用法示例
2016/07/14 PHP
php实现的XML操作(读取)封装类完整实例
2017/02/23 PHP
PHP实现长轮询消息实时推送功能代码实例讲解
2021/02/26 PHP
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
javascript计时器详解
2015/02/28 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
分析JavaScript数组操作难点
2017/12/18 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
vue实现路由不变的情况下,刷新页面操作示例
2020/02/02 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
详解python字节码
2018/02/07 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
python Django 创建应用过程图示详解
2019/07/29 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
requests在python中发送请求的实例讲解
2021/02/17 Python
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
CSS3不透明度实例讲解
2016/04/26 HTML / CSS
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
德国购买健身器材:AsVIVA
2017/08/09 全球购物
企业项目策划书
2014/01/11 职场文书
护士自我评价范文
2014/01/25 职场文书
企业办公室主任岗位职责
2014/02/19 职场文书
《金色的草地》教学反思
2016/02/17 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书
小学记事作文之200字
2019/08/06 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
sql server偶发出现死锁的解决方法
2022/04/10 SQL Server