一、问题
- 多个 图片 url (用逗号分隔开)
- 图片 url 打开预览而非直接下载
二、解决
let imgs = row.url.split(',').filter(i => !!i)
let a = window.open('')
imgs.forEach((item, index) => {
// window.open(item, `img${index}`) // 尝试失败
a.document.write(`<!DOCTYPE html><html><body ><img src='${item}'/></body></html>`)
})
实际项目中最终使用了图片预览的组件。。。
三、其他尝试
在了解到 Content-Disposition 属性的限制之前,有尝试过使用 window.open() 的第二个参数 name 不同而同时启动多个下载。。。
参考资料: