首先应该看一下fakepath问题具体指的是什么:
在写页面时,需要选择本地的图片上传给服务器,同时将选择的图片预览在页面中,代码是这样写的:
$("input[type='file']").on('change', function () {
$('.content').attr('src',$(this).val());
alert($(this).val());
});
我是这样选择图片的:
但是会发现实际添加在input框里的值(图片的src值是)这样的:
这里的fakepath就是现代浏览器为了隐藏了文件实际路径而生成的字符串。接下来就是寻找解决方法找出图片原路径的方法,接下来的代码是网上找到的解决方法:
$("input[type='file']").on('change', function () {
var oFReader = new FileReader();
var file = document.getElementById('input-file').files[0];
oFReader.readAsDataURL(file);
oFReader.onloadend = function(oFRevent){
var src = oFRevent.target.result;
$('.content').attr('src',src);
alert(src);
}
});
这样这个问题就解决了。