jQuery - ajaxUpLoad.js

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>