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 相关文章推荐
JQuery 实现在同一页面锚点链接之间的平滑滚动
Oct 29 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
jQuery+Ajax实现限制查询间隔的方法
Jun 07 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
Feb 22 Javascript
Vue项目中跨域问题解决方案
Jun 05 Javascript
写一个Vue Popup组件
Feb 25 Javascript
vue中typescript装饰器的使用方法超实用教程
Jun 17 Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 Javascript
JS实现可控制的进度条
Mar 25 Javascript
Vue 简单实现前端权限控制的示例
Dec 25 Vue.js
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 PDOStatement::debugDumpParams讲解
2019/01/30 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
对象的类型:本地对象(1)
2006/12/29 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
jquery中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
2011/07/26 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
jQuery.holdReady()使用方法
2014/05/20 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
如何手写一个简易的 Vuex
2020/10/10 Javascript
[15:39]教你分分钟做大人:龙骑士
2014/10/30 DOTA
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
virtualenv实现多个版本Python共存
2017/08/21 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
Python中的探索性数据分析(功能式)
2017/12/22 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
简单了解python中的与或非运算
2019/09/18 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
Python基于gevent实现文件字符串查找器
2020/08/11 Python
CSS3+js实现简单的时钟特效
2015/03/18 HTML / CSS
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
应届毕业生通用的自荐书范文
2014/02/07 职场文书
工作迟到检讨书
2014/02/21 职场文书
小组名称和口号
2014/06/09 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
师德师风整改措施
2014/10/24 职场文书
小学生手册家长意见
2015/06/03 职场文书
利用Matlab绘制各类特殊图形的实例代码
2021/07/16 Python
Javascript之datagrid查询详解
2021/09/15 Javascript
使用scrapy实现增量式爬取方式
2022/06/21 Python