获得徽章 17
通过url下载文件方法export const downloadFileByUrl = async (url: string, isCurrentSite: boolean, onDownloadProgress?: (p?: string | number) => void, fileName?: string) => {
let _fileUrl = url
if (isCurrentSite) {
const temp = new URL(url)
_fileUrl = temp.pathname + temp.search
}
const fileBlob = await axiosInstance.get(_fileUrl, {
responseType: 'blob',
returnType: 'axios',
onDownloadProgress(event) {
onDownloadProgress?.(event.total ? event.loaded / event.total * 100 : 0)
},
})
downloadFileByBlob(fileBlob.data, fileName || fileBlob.headers.filename || fileBlob.headers?.['content-disposition']?.match?.(/filename=(.*)/)?.[1] || '下载')
}
let _fileUrl = url
if (isCurrentSite) {
const temp = new URL(url)
_fileUrl = temp.pathname + temp.search
}
const fileBlob = await axiosInstance.get(_fileUrl, {
responseType: 'blob',
returnType: 'axios',
onDownloadProgress(event) {
onDownloadProgress?.(event.total ? event.loaded / event.total * 100 : 0)
},
})
downloadFileByBlob(fileBlob.data, fileName || fileBlob.headers.filename || fileBlob.headers?.['content-disposition']?.match?.(/filename=(.*)/)?.[1] || '下载')
}
展开
评论
4
推荐一个好用的svg Icon组件unplugin-icons/webpack 配好之后可以随心所欲更改svg的颜色Icons({
scale: 1,
jsx: 'react',
compiler: 'jsx',
customCollections: {
svg: FileSystemIconLoader('./src/assets/icons/svg'),
colour: FileSystemIconLoader('./src/assets/icons/colour')
},
transform(svg, collection) {
const out = svg
.replace(/(<svg[^>]+)(width=['"][^'"]+['"]+)/g, '$1')
.replace(/(<svg[^>]+)(height=['"][^'"]+['"]+)/g, '$1')
.replace(/<svg/, '<svg style="vertical-align: middle;"')
return collection === 'svg'
? out
.replace(/(?<=<path (?!class="not-main")[^>]*)fill="(?!none)[^"]*"/g, 'fill="currentColor"')
.replace(/(?<=<rect (?!class="not-main")[^>]*)(?<=(stroke|fill)=)"(?!none)[^"]*"/g, '"currentColor"')
: out
}
}),
scale: 1,
jsx: 'react',
compiler: 'jsx',
customCollections: {
svg: FileSystemIconLoader('./src/assets/icons/svg'),
colour: FileSystemIconLoader('./src/assets/icons/colour')
},
transform(svg, collection) {
const out = svg
.replace(/(<svg[^>]+)(width=['"][^'"]+['"]+)/g, '$1')
.replace(/(<svg[^>]+)(height=['"][^'"]+['"]+)/g, '$1')
.replace(/<svg/, '<svg style="vertical-align: middle;"')
return collection === 'svg'
? out
.replace(/(?<=<path (?!class="not-main")[^>]*)fill="(?!none)[^"]*"/g, 'fill="currentColor"')
.replace(/(?<=<rect (?!class="not-main")[^>]*)(?<=(stroke|fill)=)"(?!none)[^"]*"/g, '"currentColor"')
: out
}
}),
展开
评论
点赞
antdesign upload上传文件默认的过滤可以通过选择所有文件绕过去、这个时候可以用beforeUpload做一次二次校验 beforeUpload(file: any) {
if (type) {
const isPass = checkFileMineType(file, type)
if (messageTip && !isPass) {
message.error('文件格式错误，请添加正确格式的文件（.xlsx或.xls的文件）')
return LIST_IGNORE
}
if (!isPass) {
message.error('文件类型不符合要求')
return LIST_IGNORE
}
}
if (file.size > maxSize.size) {
message.error(maxSize.message || '超出文件大小限制')
return LIST_IGNORE
}
if (maxSizeWH) {
return getFileWidthAndHeight(file, maxSizeWH?.[0], maxSizeWH?.[1])
}
return file
},
if (type) {
const isPass = checkFileMineType(file, type)
if (messageTip && !isPass) {
message.error('文件格式错误，请添加正确格式的文件（.xlsx或.xls的文件）')
return LIST_IGNORE
}
if (!isPass) {
message.error('文件类型不符合要求')
return LIST_IGNORE
}
}
if (file.size > maxSize.size) {
message.error(maxSize.message || '超出文件大小限制')
return LIST_IGNORE
}
if (maxSizeWH) {
return getFileWidthAndHeight(file, maxSizeWH?.[0], maxSizeWH?.[1])
}
return file
},
展开
评论
1