jQuery - ajaxUpLoad.js

最新推荐文章于 2024-03-15 09:35:00 发布

weixin_30265171

最新推荐文章于 2024-03-15 09:35:00 发布

阅读量90

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/bobi1234/p/7309378.html

版权

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>

转载于:https://www.cnblogs.com/bobi1234/p/7309378.html

weixin_30265171

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery - ajaxUpLoad.js

ajaxFileUpload是一个异步上传文件的jQuery插件语法：$.ajaxFileUpload([options])options参数说明：参数作用url上传处理程序地址fileElementId需要上传的文件域的ID，即<input type="file">的IDsecureuri是否启用安全提交，默认为falsedataT...
复制链接

扫一扫