我使用spring mvc框架,希望做一个上传图片后显示所上传的图片的功能,图片上传后,在controller返回包含图片绝对地址的json数据,用[code="js"]$("#img").attr("src",data.img_path)[/code]方式给图片src赋值,可是绝对路径img_path中某个文件夹名含有空格,该空格被解析成了"%20"导致不能加载图片
360开发者工具提示的错误为:
Not allowed to load local resource: file:///E:/000my%20learning/tomcat7.0/webapps/NetworkMarketing/uploadfile/tempFile/pic001.jpg
我jsp页面关键代码如下:
[code="html"]
$.ajaxFileUpload({
url:'goodsInfo/uploadTempPic.do',//需要链接到服务器地址
secureuri:false,
fileElementId:'fileField',//文件选择框的id属性
dataType: 'json',//服务器返回的格式,可以是json
success: function (data, status){
$("#background,#progressBar").hide();//关闭画布
//查看原图和缩略图
$("#img_preview").attr("src", data.temp_pic_path);
$("#img_target").attr("src",data.temp_pic_path);
//上传原图后,图片可见
$("#frm").css("visibility", "visible");
},
error: function (data, status, e){
alert("上传图片失败");
}
});
[/code]