命名不属于同源

Question

关于使用“下载”属性。我试图在下面的例子中给我的图像命名为“myImage”。由于这里陈述的原因，我认为这不起作用：Download attribute with a file name not working?

我的问题是，到底有没有？

图像总是与我的代码位于不同的服务器上。

<a download="myImage.jpg" href="http://hekman.picarioxpo.com/7267-Jordan.pfs?width=250&p.tn=7000-022.tif,Aged-Gray.tif">Download image</a>

Answer 1

你可以：

• 创建一个新的canvas元素
  • document.createElement('canvas')
• 创建新的图像元素
  • new Image()
• 设置onload函数以将图像绘制到画布
  • image.onload
  • canvas.getContext('2d').drawImage()
• 设置所需的src
  • image.src
• 将画布转换为数据uri
  • canvas.toDataURL()
• 将结果放入锚点的href

（这是有效的，因为跨源策略不适用于<img> src。）