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,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
Apr 16 Javascript
js 处理URL实用技巧
Nov 23 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 Javascript
使用vue.js制作分页组件
Jun 27 Javascript
全面了解JS中的匿名函数
Jun 29 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
Aug 19 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
Dec 20 Javascript
详解使用mpvue开发github小程序总结
Jul 25 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
JpGraph php柱状图使用介绍
2011/08/23 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
pjblog修改技巧汇总
2007/03/12 Javascript
Javascript 复制数组实现代码
2009/11/26 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
Jquery实现控件的隐藏和显示实例
2014/02/08 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
js判断ie版本号的简单实现代码
2014/03/05 Javascript
JS中的form.submit()不能提交表单的错误原因
2014/10/08 Javascript
基于jquery插件实现拖拽删除图片功能
2020/08/27 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
解析Javascript单例模式概念与实例
2016/12/05 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
angularJs select绑定的model取不到值的解决方法
2018/10/08 Javascript
从0到1搭建Element的后台框架的方法步骤
2019/04/10 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
ionic+html5+API实现双击返回键退出应用
2019/09/17 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
在Django的模型中执行原始SQL查询的方法
2015/07/21 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
python的等深分箱实例
2019/11/22 Python
基层党员公开承诺书
2014/05/29 职场文书
男性健康日的活动方案
2014/08/18 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
淘宝好评语句大全
2014/12/31 职场文书
幼儿园工作总结2015
2015/04/01 职场文书
欢送领导祝酒词
2015/08/12 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android