首页新闻找找看学习计划

js图片上传

0
悬赏园豆:50 [待解决问题]

想用js实现一个点击加号上传图片到页面,然后在重新打开页面的情况下图片依然存在,除非手动删除图片

半步光年的主页 半步光年 | 初学一级 | 园豆:152
提问于:2019-07-17 13:10
< >
分享
所有回答(4)
0

正常逻辑应该是将图片路径通过接口存起来,进入这个页面的时候调用另外一个读取接口,倘若有数据,就将此路径赋值给图片的src

心悠魂然 | 园豆:2080 (老鸟四级) | 2019-07-17 13:25
0

文字可以,图片不方便。
实现你说的有以下几种办法,上传到页面以后:
1.图片转成base64编码记录在浏览器cookie或者本地存储里(浏览器只适合记录少量内容,图片小则几kb,大则十几上百兆,这种做法短板太明显)
2.图片存到指定的本地磁盘路径,用到的时候再去读(要满足指定的路径在用户的电脑必然存在,且具备所在位置的读写权限,说白了就是C盘,这种做法短板也太明显,C盘一般都会有,但是权限不一定有,而且有些安全软件也会清掉一些系统的垃圾文件)
3.图片存到远程服务器(麻烦,每上传一次要请求一次服务器,如果用户最后取消了提交操作,传上去的文件就废了,当时就删或者批量删都意味着去请求服务器,不删的话时间久了占空间)
以上是几种办法,如果一定要实现这种需求,第三种比较稳妥。
补充:本地存储可以存5M左右内容,如果你需要保持的东西在5M以内,可以考虑选择第一种方法。这个5M是总和。

默卿 | 园豆:3931 (老鸟四级) | 2019-07-17 14:13
0

数据持久化?用localstorage

学会乐观 | 园豆:653 (小虾三级) | 2019-07-18 08:00
0

每次触发之前清掉数据就好了

Sorr | 园豆:186 (初学一级) | 2019-07-25 11:39
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册