首頁猿問 vue如何將el-input獲取的...

vue如何將el-input獲取的圖片傳個下個頁面

Html5 JavaScript

紅顏莎娜 2019-01-29 21:27:29

問題描述做一個圖片搜索的功能，因為在搜索頁涉及到分頁，所以想將搜索框中獲取的本地圖片傳到搜索頁進行上傳搜索。問題出現的環(huán)境背景及自己嘗試過哪些方法試過將獲取的file文件保存到sessionstroge，但保存后的數據存在缺損，不造該怎么弄相關代碼// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）你期待的結果是什么？實際看到的錯誤信息又是什么？

查看完整描述

1 回答

一只萌萌小番薯

TA貢獻1795條經驗獲得超7個贊

用FileReader將圖片轉換成二進制再保存呢？

// jsif (window.localStorage.img) {  document.querySelector('img').setAttribute('src', window.localStorage.img)
}const reader = new FileReader();
reader.readAsDataURL(document.querySelector('input').files[0]);
reader.onload = function() {  console.log(this.result, 2)  window.localStorage.img = this.result
}// html<body><input type="file" /><img src="" /></body>

反對回復 2019-01-29