javascript如何在上传框中获取本地文件的地址
是这样的，我想做一个图片上传前的预览功能，因此想读出上传框中本地文件的地址，然后把它设置为一个img标签的src地址，这样就可以展示出来。就像这样
<input type="file" id="file" name="img" />
<script>
$('#file').change(function () {
$('<img src="' + $(this).val() + '" />').insertAfter(this);
});
</script>但是我发现这里用$(this).val()取出来地址完全不是真实地址啊，都是类似c://fakepath/...之类
展开
收起
1
条回答
写回答
写回答
-
我能想到三条线索：
用HTML5的File API，Mozilla有个例子，虽然不是所有浏览器都支持,但我推荐这个方案，反正这些懒得去找一款好用的浏览器的人，也不会在乎你有没有这个预览功能。
可用性最广泛的办法是选择了图片后，就把图片用个ajax请求上传到服务器，生成缩略图，取回来显示，但如果你的图片很大，那就没辙了，这样的接口也容易被人用来攻击你的服务器。
再不然就是用flash了，如果用户浏览器的安全选项允许，可以直接操作本地的图片。2019-07-17 19:10:55赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
