600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 解决本地文件上传时fakepath的问题

解决本地文件上传时fakepath的问题

时间:2021-04-08 20:10:20

相关推荐

解决本地文件上传时fakepath的问题

首先应该看一下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);}});

这样这个问题就解决了。

更多关于解决这个问题的一个很好的方案请看这位大神的博客

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。