为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

红颜莎娜 2019-01-29 21:27:29
问题描述做一个图片搜索的功能,因为在搜索页涉及到分页,所以想将搜索框中获取的本地图片传到搜索页进行上传搜索。问题出现的环境背景及自己尝试过哪些方法试过将获取的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
  • 1 回答
  • 0 关注
  • 933 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信