项目中网页显示本地图片

  最近做项目遇到一个问题,为了防止用户上传的图片在重新在服务器上部署项目时被删除的情况,所以将用户上传的图片都保存到了服务器本地(项目外),但是这样使用html中的img标签访问图片时会提示没有访问权限(百度了下说可以使用js的ActiveXObject,FileSystemObject ,不过这个只有IE支持,所以不用,FileReader可以实现,不过有两点,使用js直接读取本地文件并非太安全,而且图片本身不大,使用FileReader对于性能的影响就比较大了,所以也不用),所以在后台将图片使用Base64编码为字符串,前台使用<img src="data:image/*;base64,编码的字符串" />就可以正常显示了。记录一下,可能对大家有用


猜你喜欢

转载自blog.csdn.net/weixin_37744601/article/details/78476900