猿问

vue如何将el-input获取的图片传个下个页面

问题描述

做一个图片搜索的功能,因为在搜索页涉及到分页,所以想将搜索框中获取的本地图片传到搜索页进行上传搜索。

问题出现的环境背景及自己尝试过哪些方法

试过将获取的file文件保存到sessionstroge,但保存后的数据存在缺损,不造该怎么弄

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?


红颜莎娜
浏览 934回答 1
1回答

一只萌萌小番薯

用FileReader将图片转换成二进制再保存呢?//&nbsp;jsif&nbsp;(window.localStorage.img)&nbsp;{&nbsp;&nbsp;document.querySelector('img').setAttribute('src',&nbsp;window.localStorage.img) }const&nbsp;reader&nbsp;=&nbsp;new&nbsp;FileReader(); reader.readAsDataURL(document.querySelector('input').files[0]); reader.onload&nbsp;=&nbsp;function()&nbsp;{&nbsp;&nbsp;console.log(this.result,&nbsp;2)&nbsp;&nbsp;window.localStorage.img&nbsp;=&nbsp;this.result }//&nbsp;html<body><input&nbsp;type="file"&nbsp;/><img&nbsp;src=""&nbsp;/></body>
随时随地看视频慕课网APP
我要回答