arco.design(字节ui库)自定义上传限制文件类型和数量例子

arco.design(字节ui库)自定义上传限制文件类型和数量例子

 <a-upload 
 :file-list="form.maininformation"
 :action="Activity" //上传接口配置
 @success="uploadfile" 
 @before-upload="beforeUpload" 
 @before-remove="deletedata" />

// 上传文件前校验
function beforeUpload(resolve) {
    let name = ['pdf', 'xlsx', 'xls', 'ppt', 'docx']
    let fileName = resolve.name.split('.')
    let fileExt = fileName[fileName.length - 1]
    let isTypeOk = name.indexOf(fileExt) >= 0
    if (!isTypeOk) {
        proxy.$message.error('仅支持pdf、xlsx、 xls、ppt、docx')
    } if (form.value.maininformation.length > 4) {
        proxy.$message.error('文件不能超过5个')
    } else {
        return new Promise(resolve => {
            resolve(true)
        })
    }
}
// 上传文件
function uploadfile(fileItem) {
    console.log(fileItem.response.data)
    form.value.maininformation.push(fileItem.response.data)
    console.log(form.value.maininformation)
}