鍍金池/ 問答/PHP  HTML/ 準(zhǔn)備做個(gè)文件上傳用的vue.js

準(zhǔn)備做個(gè)文件上傳用的vue.js

請(qǐng)問 用vue做的圖片上傳，如何讓img顯示原來的路徑和文件名？
我準(zhǔn)備直接提交文件名和路徑到后臺(tái)處理，但是vue獲取的圖片是這個(gè)樣子的

clipboard.png

這就有點(diǎn)讓我捉急了，請(qǐng)問能讓這個(gè)src="原來的路徑/圖片名"嗎？

回答
編輯回答
念初

介于你這種情況，你可以使用和Vue配套的ElementUI，里面有上傳圖片和文件的控件，挺好用的，給你個(gè)地址：http://element-cn.eleme.io/2....

希望能幫到你！

2017年7月23日 23:25
編輯回答
巴扎嘿

在input的change事件里面拿到file的所有信息，里面有你想要的。頁面要展示圖片肯定是通過base64或者blob對(duì)象，或者是上傳成功后后臺(tái)返回的路徑。

2017年6月28日 02:44
編輯回答
陌如玉

瀏覽器處于安全性的考慮， 是不會(huì)告訴你真實(shí)路徑的，一般會(huì)顯示C:/fakePath/xxx.xx，文件名是可以獲取到的，就在file對(duì)象里…

2017年12月23日 04:48
編輯回答
款爺

通過文件名上傳時(shí)不可行的，游覽器不會(huì)讓你得到真實(shí)路徑的，要么上傳base64地址，要么用formdata把圖片上傳上去，上傳其實(shí)沒什么的，參考我博客的上傳鏈接描述

2017年12月30日 08:33