Skip to content

Can the Upload component set the icon after the file is successfully uploaded? #4614

@atom-git

Description

@atom-git
  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Upload组件是否可以设置上传文件成功后的图标,现在是都显示为图片图标,需要通过上传前在文件中设置thumbUrl才起作用,
代码如下,
// 响应文件上传前
handleUploadBefore (file) {
const fileType = file.name.substring(file.name.lastIndexOf('.'))
// 根据类型判断缩略图
if (Default.acceptType.video.includes(fileType)) {
file.thumbUrl = Thumb.video
} else if (Default.acceptType.radio.includes(fileType)) {
file.thumbUrl = Thumb.radio
} else if (Default.acceptType.img.includes(fileType)) {
file.thumbUrl = Thumb.img
} else if (fileType.includes('xls')) {
file.thumbUrl = Thumb.file.excel
} else if (fileType.includes('doc')) {
file.thumbUrl = Thumb.file.word
} else if (fileType.includes('ppt')) {
file.thumbUrl = Thumb.file.ppt
} else if (fileType.includes('pdf')) {
file.thumbUrl = Thumb.file.pdf
} else if (fileType.includes('txt')) {
file.thumbUrl = Thumb.file.txt
} else {
file.thumbUrl = Thumb.file.default
}
return true
},
是否可以直接在上传成功后,在file中进行设置,动态的进行响应呢

What does the proposed API look like?

根据file中的某个thumbUrl进行动态的响应,生成图标

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions