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