项目上用到了上传图片功能,用传统的 一个是css不能在谷歌浏览器和IE中有很好的展现形式,另外对于ajax的支持性来说,个人觉得不是很到位,
所以采用了引用ajaxfileupload.js这个插件,同时,设置了一个个人觉得比较好的css样式,效果是:
对于ajax的js代码可以写成:
function ajaxFileUpload(id) {
$.ajaxFileUpload
(
{
url: '/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博客 ” ,链接:http://blog.itpub.net/25903968/viewspace-1684355/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/25903968/viewspace-1684355/