ajaxFileUpload是一个异步上传文件的jQuery插件
语法：$.ajaxFileUpload([options])
options参数说明：
| 参数 | 作用 |
|---|---|
| url | 上传处理程序地址 |
| fileElementId | 需要上传的文件域的ID，即<input type="file">的ID |
| secureuri | 是否启用安全提交，默认为false |
| dataType | 服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断 |
| success | 提交成功后自动执行的处理函数，参数data就是服务器返回的数据 |
| error | 提交失败自动执行的处理函数 |
| data | 自定义参数 |
| type | 当要提交自定义参数时，这个参数要设置成post |
错误提示
| 错误提示 | 原因 |
|---|---|
| SyntaxError: missing ; before statement错误 | 如果出现这个错误就需要检查url路径是否可以访问 |
| SyntaxError: syntax error错误 | 如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误 |
| SyntaxError: invalid property id错误 | 如果出现这个错误就需要检查文本域属性ID是否存在 |
| SyntaxError: missing } in XML expression错误 | 如果出现这个错误就需要检查文件name是否一致或不存在 |
| 其它自定义错误 | 大家可使用变量$error直接打印的方法检查各参数是否正确，比起上面这些无效的错误提示还是方便很多 |
代码示例
<!DOCTYPE html>
<html>
<head>
<title>ajaxUpLoad.js Demo</title>
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script src="ajaxfileupload.js" type="text/javascript"></script>
</head>
<body>
<body>
<input type="file" id="tempFile" name="file" />
<input type="button" value="上传" id="uploadBtn" />
<script type="text/javascript">
$(function(){
$("#tempFile").click(function(){
$.ajaxFileUpload({
url: "/file/upload",
type: 'post',
secureuri: false,
fileElementId: 'tempFile',
dataType: 'json',
success: function(data){
},
error: function(){
alert("error");
}
});
});
});
</script>
</body>
</body>
</html>