jQuery插件ajaxFileUpload使用详解-创新互联

ajaxFileUpload.js 很多同名的，因为做出来一个很容易。

我用的是这个：https://github.com/carlcarl/AjaxFileUpload

下载地址在这里：http://xiazai.jb51.net/201701/yuanma/ajaxfileupload(jb51.net).rar

AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。

当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。

评论里面说到的不行。那是因为我们用的不是同一个js。我上github搜AjaxFileUpload出来很多类似js。

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

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

语法：$.ajaxFileUpload([options])

options参数说明：

1、url　　　　　　　　　　  上传处理程序地址。　　
2、fileElementId　　　　　  需要上传的文件域的ID，即的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与ajaxFileUpload插件。注意先后顺序，这个不用说了，所有的插件都是这样。

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。