首先应该看一下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);}});
这样这个问题就解决了。
更多关于解决这个问题的一个很好的方案请看这位大神的博客