在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue項目里面怎么打開本地文件夾?

vue項目里面怎么打開本地文件夾?

在我的頁面上我想看到這個路徑下的這張圖片

clipboard.png

(千萬不要說通過img就行,請看清楚題目), a標簽我試了下,沒成功。
<input type="file">也只能顯示個文件名字在頁面上

回答
編輯回答
莓森

樓上正解,出于安全的考慮,瀏覽器本身是沒有自主權力去訪問用戶文件系統(tǒng)的,只有<input type="file">且用戶自主點擊選擇才可以訪問到本地文件,且取到的文件也是無法獲取文件的絕對路徑的,只能知道文件名,以及封裝的 file 對象,如果是圖片的話可以通過 file 的 api 將圖片讀成 Base64 編碼的 URL 顯示到網頁中實現圖片的預覽。

2017年11月29日 21:05
編輯回答
雨萌萌

首先你在瀏覽器里除了 <input type="file"> 以外是沒有任何方法可以訪問用戶的文件系統(tǒng)的。
如果你想把 input file 里的圖片顯示在頁面上的話可以像這樣:

<img :src="previewImageSrc">
<input type="file" @change="displayImage" ref="fileInput">

displayImage() {
  const file = this.$refs.fileInput.files[0]
  const fr = new FileReader()
  fr.onload = (e) => {
    this.previewImageSrc = e.target.result
  }
  fr.readAsDataURL(file)
}
2017年9月29日 21:53