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

 更新时间:2015年04月14日 10:39:53   投稿:hebedich  
jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来我们来看下用AjaxFileUpload插件实现文件上传的方法,有需要的小伙伴可以参考下

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直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

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

相关文章

  • jQuery.holdReady()使用方法

    jQuery.holdReady()使用方法

    jQuery.holdReady()方法允许jQuery的完成事件被该函数锁定,下面为大家介绍下其具体的使用
    2014-05-05
  • jQuery链式操作实例分析

    jQuery链式操作实例分析

    这篇文章主要介绍了jQuery链式操作,实例分析了jQuery基于链式操作动态改变页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • jQuery实现的简单无刷新评论功能示例

    jQuery实现的简单无刷新评论功能示例

    这篇文章主要介绍了jQuery实现的简单无刷新评论功能,涉及jQuery事件响应及页面元素属性动态操作相关实现技巧,代码中备有较为详尽的注释便于理解,需要的朋友可以参考下
    2017-11-11
  • jquery属性过滤选择器使用示例

    jquery属性过滤选择器使用示例

    下面以一个示例:所有具有id属性的元素设置样式,动画效果,为大家介绍下jquery属性过滤选择器的使用方法,感兴趣的朋友可以参考下哈
    2013-06-06
  • jquery简单的弹出层浮动层代码

    jquery简单的弹出层浮动层代码

    一个简单的jquery弹出框代码实现,点击链接弹出模式对话框,任意点击网页的其它地方可以关闭弹出框,可以自定义透明度,简单实用的jquery弹出框效果。
    2015-04-04
  • jQuery倒计时代码(超简单)

    jQuery倒计时代码(超简单)

    本文给大家分享一段超简单的代码基于jquery实现倒计时功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下
    2017-02-02
  • jQuery实现贪吃蛇小游戏(附源码下载)

    jQuery实现贪吃蛇小游戏(附源码下载)

    网上关于JS实现贪吃蛇的文章有很多,最近闲来无事,想着利用jQury来实现贪吃蛇小游戏,下面实现这篇文章主要介绍了利用jQuery实现贪吃蛇小游戏的方法,文中给出的是吸纳思路和示例代码,需要的朋友可以参考下。
    2017-03-03
  • jquery.form.js异步提交表单详解

    jquery.form.js异步提交表单详解

    这篇文章主要为大家详细介绍了jquery.form.js异步提交表单的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • jQuery常见的遍历DOM操作详解

    jQuery常见的遍历DOM操作详解

    这篇文章主要介绍了jQuery常见的遍历DOM操作,结合实例形式详细分析了针对DOM节点的parent()、parents()、parentsUntil()、find()、eq()、filter()等各种遍历操作相关函数与使用技巧,需要的朋友可以参考下
    2018-09-09
  • jQuery 实现ajax传入参数含有特殊字符的方法总结

    jQuery 实现ajax传入参数含有特殊字符的方法总结

    在做ajax登录时候遇到的一个问题,当传入参数含有特殊字符,比如:“$'#@”等。参数传递会有问题,无法正确获取。本文章向码农介绍jQuery ajax特殊字符参数解决方法,需要的朋友可以参考一下。
    2016-10-10

最新评论