feat:新增图片导出功能

This commit is contained in:
奔跑的面条
2022-04-05 19:01:52 +08:00
parent f95d940ff0
commit 496c097e5f
14 changed files with 140 additions and 53 deletions
+22 -11
View File
@@ -19,25 +19,36 @@ export const readFile = (file: File) => {
}
/**
* 下载数据
* @param { string } content 数据内容
* @param { ?string } filename 文件名称(默认随机字符)
* @param { ?string } fileSuffix 文件名称(默认随机字符)
* * 通过 a 标签下载数据
* @param url
* @param filename
* @param fileSuffix
*/
export const downloadFile = (
content: string,
filename = new Date().getDate().toString(),
fileSuffix?: string
) => {
export const downloadByA = (url: string, filename = new Date().getDate().toString(), fileSuffix?: string) => {
const ele = document.createElement('a') // 创建下载链接
ele.download = `${filename}.${fileSuffix}` //设置下载的名称
ele.style.display = 'none' // 隐藏的可下载链接
// 字符内容转变成blob地址
const blob = new Blob([content])
ele.href = URL.createObjectURL(blob)
ele.href = url
// 绑定点击时间
document.body.appendChild(ele)
ele.click()
// 然后移除
document.body.removeChild(ele)
}
/**
* 下载数据
* @param { string } content 数据内容
* @param { ?string } filename 文件名称(默认随机字符)
* @param { ?string } fileSuffix 文件名称(默认随机字符)
*/
export const downloadTextFile = (
content: string,
filename = new Date().getDate().toString(),
fileSuffix?: string
) => {
// 字符内容转变成blob地址
const blob = new Blob([content])
downloadByA(URL.createObjectURL(blob), filename, fileSuffix)
}