js下载svg文件和预览svg文件

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)
    });
},