ITPub博客

首页 > 应用开发 > Java > 关于jquery上传插件ajaxfileupload.js自己的理解及应用

关于jquery上传插件ajaxfileupload.js自己的理解及应用

原创 Java 作者:1984008004 时间:2015-06-03 17:06:21 0 删除 编辑

项目上用到了上传图片功能,用传统的 一个是css不能在谷歌浏览器和IE中有很好的展现形式,另外对于ajax的支持性来说,个人觉得不是很到位,

所以采用了引用ajaxfileupload.js这个插件,同时,设置了一个个人觉得比较好的css样式,效果是:




                         
                         
                         
                         

对于ajax的js代码可以写成:

function ajaxFileUpload(id) {
    $.ajaxFileUpload
    (
        {
            url: '<%=path%>/supplyDemandManager/saveSupplyDemandImg', //用于文件上传的服务器端请求地址
            data: {id: id},
            secureuri: false, //是否需要安全协议,一般设置为false
            fileElementId: 'fileToUpload', //文件上传域的ID
            dataType: 'text', //返回值类型 一般设置为json
            success: function (data, status)  //服务器成功响应处理函数
            {
            //$.messager.alert('提示','上传成功!','info');
                if (typeof (data.error) != 'undefined') {
                    if (data.error != '') {
                        alert(data.error);
                    } else {
                        alert(data.msg);
                    }
                }
            },
            error: function (data, status, e)//服务器响应失败处理函数
            {
                alert(e);
            }
        }
    );
    return false;
}




来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/25903968/viewspace-1684355/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2013-04-03

  • 博文量
    38
  • 访问量
    133608