使用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);
}