使用js保存Blob和File文件

保存两种类型的文件方式都是一样：

1.保存Blob文件

(blob:Blob)=>{// 创建一个 URL 对象const url = URL.createObjectURL(blob);// 创建一个下载链接并触发下载const a = document.createElement("a");a.href = url;a.download = "example.png";document.body.appendChild(a);a.click();// 清理 URL 对象URL.revokeObjectURL(url);
}

2.保存File文件

(blob:Blob)=>{const file = new File([blob], "canvas-image.png", { type: "image/png" });// 创建一个 URL 对象const url = URL.createObjectURL(file);// 创建一个下载链接并触发下载const a = document.createElement("a");a.href = url;a.download = file.name;document.body.appendChild(a);a.click();// 清理 URL 对象URL.revokeObjectURL(url);
}