准备做个文件上传用的vue.js

Question

请问 用vue做的图片上传，如何让img显示原来的路径和文件名？
我准备直接提交文件名和路径到后台处理，但是vue获取的图片是这个样子的

这就有点让我捉急了，请问能让这个src="原来的路径/图片名"吗？

Answer 1

在input的change事件里面拿到file的所有信息，里面有你想要的。页面要展示图片肯定是通过base64或者blob对象，或者是上传成功后后台返回的路径。

Answer 2

浏览器处于安全性的考虑， 是不会告诉你真实路径的，一般会显示C:/fakePath/xxx.xx，文件名是可以获取到的，就在file对象里…

Answer 3

通过文件名上传时不可行的，游览器不会让你得到真实路径的，要么上传base64地址，要么用formdata把图片上传上去，上传其实没什么的，参考我博客的上传链接描述

Answer 4

介于你这种情况，你可以使用和Vue配套的ElementUI，里面有上传图片和文件的控件，挺好用的，给你个地址：http://element-cn.eleme.io/2....

希望能帮到你！