首页 > 电脑主机 >

ajaxfileupload.js_ajax文件上传multiple_ajax file up load

电脑杂谈　发布时间：2017-06-09 16:02:41　来源：网络整理

jQuery插件AjaxFileUpload可以实现ajax文件上传，该插件使用非常简单，首先了解一下正确使用AjaxFileUpload插件的方法，然后再了解一些常见的错误信息和解决方法。ajaxfileupload.js

使用说明

需要使用jQuery库文件和AjaxFileUpload库文件

使用实例

一，包含文件部分

二，HTML部分

只需要三个元素，一个动态加载小图标、一个文件域和一个按钮

注意：使用AjaxFileUpload插件上传文件可不需要form，如下：

……相关html代码……

</form>

因为AjaxFileUpload插件会自动生成一个form提交表单。

对于file文件域ID和name，ajaxFileUpload插件fileElementId参数需要获取文件域ID，如果处理上传文件操作就需要知道文件域name，以便获取上传文件信息，这两者关系一定要清楚。

三，javascript部分

主要参数说明：

1，url表示处理文件上传操作的文件路径，可以测试URL是否能在浏览器中直接访问，如上：upload.php

2，fileElementId表示文件域ID，如上：fileToUpload

3，secureuri是否启用安全提交，默认为false

4，dataType数据数据，一般选json，javascript的原生态

5，success提交成功后处理函数

6，error提交失败处理函数

上面有两个方法，一个动态加载小图标提示函数loading()和ajaxFileUpload文件上传$.ajaxFileUpload()函数，这与我们使用jQuery.ajax()函数差不多，使用很简单，这里我省略了PHP处理上传文件，使用jQuery插件 AjaxFileUpload实现ajax文件就这么简单。ajaxfileupload.js

同时我们需要了解相关的错误提示

1，SyntaxError: missing ; before statement错误

如果出现这个错误就需要检查url路径是否可以访问

2，SyntaxError: syntax error错误

如果出现这个错误就需要检理提交操作的PHP文件是否存在语法错误

3，SyntaxError: invalid property id错误

如果出现这个错误就需要检查属性ID是否存在

4，SyntaxError: missing } in XML expression错误

如果出现这个错误就需要检查文件域名称是否一致或不存在

ajaxfileupload.js_ajax file up load_ajax文件上传multiple