| | |
|---|
| | | <el-upload action="#" :file-list="fileList" :http-request="handleUpload" |
|---|
| | | :before-upload="beforeUpload" :on-preview="handlePreview" :on-remove="handleRemove"> |
|---|
| | | <el-button size="small" type="primary">点击上传</el-button> |
|---|
| | | <div slot="tip" class="el-upload__tip">支持任意格式文件上传</div> |
|---|
| | | <div slot="tip" class="el-upload__tip">支持 Word、Excel 和所有图片格式，禁止 PPT、PDF、CAJ</div> |
|---|
| | | </el-upload> |
|---|
| | | </el-form-item> |
|---|
| | | <!-- <div class="header-title" style="width: 100%;"> |
|---|
| | |
|---|
| | | |
|---|
| | | // 上传前校验 |
|---|
| | | beforeUpload(file) { |
|---|
| | | // 获取文件扩展名 |
|---|
| | | const fileName = file.name || ''; |
|---|
| | | const fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase(); |
|---|
| | | |
|---|
| | | // 禁止的文件类型 |
|---|
| | | const forbiddenExtensions = ['ppt', 'pptx', 'pdf', 'caj']; |
|---|
| | | if (forbiddenExtensions.includes(fileExtension)) { |
|---|
| | | this.$message.error(`不支持上传 ${fileExtension.toUpperCase()} 格式文件`); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 允许的文件类型 |
|---|
| | | // Word 格式 |
|---|
| | | const wordExtensions = ['doc', 'docx']; |
|---|
| | | // Excel 格式 |
|---|
| | | const excelExtensions = ['xls', 'xlsx']; |
|---|
| | | // 图片格式 |
|---|
| | | const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg', 'ico', 'tiff', 'tif', 'heic', 'heif']; |
|---|
| | | |
|---|
| | | const allowedExtensions = [...wordExtensions, ...excelExtensions, ...imageExtensions]; |
|---|
| | | |
|---|
| | | if (!allowedExtensions.includes(fileExtension)) { |
|---|
| | | this.$message.error(`不支持上传 ${fileExtension.toUpperCase()} 格式文件，仅支持 Word、Excel 和图片格式`); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | |
|---|
| | | return true; |
|---|
| | | }, |
|---|
| | | // 自定义上传处理 |
|---|
