Vue.js的img标签怎么用绝对路径的src

玄不救非2333

927

发布于
2018-03-07

做图片上传功能
选择图片后，要显示预览
用了个img标签，src用上读取的图片的src
然而那是个绝对路径
预览不了
谷歌浏览器是不允许打开：

其他浏览器显示不了图片
获取到的路径是这样的：

这是预览标签，srcOne是直接读取图片时候赋值的，

javascript vue.js

阅读 5.8k

2 个回答

方糖先生

看错了可以把图片文件转成 base64，再赋给给src
类似
利用h5 FileReader 对象，获取 <input type="file"/> “上传到浏览器的文件” ，文件形式为base64形式，
2楼的没试过，估计也可以
我自己的文章https://segmentfault.com/a/11...

查看全部 2 个回答

推荐问题

不同页面之间可以通过localstorage保存响应式吗？
A页面选择一些选项，B页面上有一个下拉框，下拉框的内容和A页面上选中的内容同步，这该怎么做？这可以通过vue的响应式来实现吗？
6 回答3k 阅读✓ 已解决
扁平化数组转换成树形?
背景：需要将扁平化数组转换成树形数组。比如原始数组如下： {代码...} 期望转换后的数据 {代码...}
8 回答4.8k 阅读✓ 已解决
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？
6 回答3.5k 阅读✓ 已解决
两个promise问题？
第一个问题，这个为什么先输出3后输出2呢 {代码...} 第二个问题，这个为什么会交错输出呢，142536 {代码...} promise小白一枚，上述两个疑问，希望能得到详细的解答
5 回答2.9k 阅读✓ 已解决
网站的不同域名互相跳转如何保持登录态？
一个网站部署了多个域名（不是子域名），比如：www.abc.com和www.aaa.com,如何从一个域名跳转到另一个域名的时候，仍然保持登录态呢？
6 回答2.4k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。
5 回答6.4k 阅读✓ 已解决
如何在JavaScript中从外部中断for循环的执行？
js中如何从外部中断for循环，起因是这段代码上层会反复进入这个for循环，每次进入的时候需要清除之前的执行效果，所以需要在循环外部来取消？大佬们知道如何做吗？
4 回答2.3k 阅读✓ 已解决

Vue.js的img标签怎么用绝对路径的src

不同页面之间可以通过localstorage保存响应式吗？

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

两个promise问题？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？