JS怎么保存图片到本地

JavaScript010

JS怎么保存图片到本地,第1张

js没有操作本地文件的权限，可以借助.net,php等后端语言才行的，将图片提交之后，返回个下载地址，window.open就自动下载了。

但是图片可以是svg的话

function saveAs(Url,filename){

var blob=new Blob([''], {type:'application/octet-stream'})

var url = webkitURL.createObjectURL(blob)

var a = document.createElementNS(xhtml,'a')

a.href = Url

a.download = filename

var e = document.createEvent('MouseEvents')

e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)

a.dispatchEvent(e)

webkitURL.revokeObjectURL(url)

2.　saveAs(data,"new.svg")

将图片文件、JS文件与你的网页文件保存在同一文件夹中，然后去掉图片的路径即可。即修改中间的代码为：runimg.imgurl = [ "<img src=’T1t8eTXbBtXXXXXXXX-490-170.png‘ />", "<img src=‘T1OVOUXeNjXXXXXXXX.jpg’ />", "<img src=’T1J.9TXc8lXXXXXXXX.jpg‘ />"]

如果图片没有放到服务器上，只是代码放上，想要JS读取本地的图片资源是没办法的。

你做的上传功能放到服务器不能显示并不是因为图片保存在本地了，而是你的图片保存到服务器但缩略图引用路径不正常。

建议个性缩略图引用路径的格式，建议使用相对路径，千万不要使用物理路径，如：D:/a.jpg