js下载svg文件和预览svg文件
下载svg文件:
// 下载svg文件
downloadSvg (name) {
// 后端接口,返回svg文件流,name为svg文件名称
downloadFiler(name)
.then((res) => {
// console.log("downloadFiler ~ res:", res)
const downloadUrl = window.URL.createObjectURL(
// new Blob() 对后端返回文件流类型处理
new Blob([res], {
type: "image/svg+xml"
})
);
// 创建a标签
const link = document.createElement("a");
// 对处理后的文件进行a标签绑定
link.href = downloadUrl;
link.setAttribute("download", name);
document.body.appendChild(link);
link.click();
link.remove();
})
.catch((error) => {
// console.log("downloadFiler ~ error:", error)
});
},
预览svg文件:
// 预览svg文件
previewSvg (name) {
// 后端接口,返回svg文件流,name为svg文件名称
downloadFiler(name)
.then((res) => {
// console.log("downloadFiler ~ res:", res)
const downloadUrl = window.URL.createObjectURL(
// new Blob() 对后端返回文件流类型处理
new Blob([res], {
type: "image/svg+xml"
})
);
// 在浏览器打开新窗口预览svg文件
window.open(downloadUrl)
})
.catch((error) => {
// console.log("downloadFiler ~ error:", error)
});
},