| | |
|---|
| | | <div class="upload-file"> |
|---|
| | | <el-upload |
|---|
| | | multiple |
|---|
| | | :accept="acceptList" |
|---|
| | | :action="uploadFileUrl" |
|---|
| | | :before-upload="handleBeforeUpload" |
|---|
| | | :file-list="fileList" |
|---|
| | |
|---|
| | | ref="fileUpload" |
|---|
| | | > |
|---|
| | | <!-- 上传按钮 --> |
|---|
| | | <el-button size="mini" type="primary">选取文件</el-button> |
|---|
| | | <el-button icon="el-icon-upload2" size="small" type="primary">上传</el-button> |
|---|
| | | <!-- 上传提示 --> |
|---|
| | | <div class="el-upload__tip" slot="tip" v-if="showTip"> |
|---|
| | | 请上传 |
|---|
| | |
|---|
| | | showTip() { |
|---|
| | | return this.isShowTip && (this.fileType || this.fileSize); |
|---|
| | | }, |
|---|
| | | acceptList () { |
|---|
| | | let temp = '.*' |
|---|
| | | temp = this.fileType.map(item => '.' + item).join(',') |
|---|
| | | return temp |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // 上传前校检格式和大小 |
|---|
| | |
|---|
| | | const fileExt = fileName[fileName.length - 1]; |
|---|
| | | const isTypeOk = this.fileType.indexOf(fileExt) >= 0; |
|---|
| | | if (!isTypeOk) { |
|---|
| | | this.$modal.msgError(`文件格式不正确，请上传${this.fileType.join("/")}格式文件!`); |
|---|
| | | this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | // 校检文件名是否包含特殊字符 |
|---|
| | | if (file.name.includes(',')) { |
|---|
| | | this.$modal.msgError('文件名不正确，不能包含英文逗号!'); |
|---|
| | | return false; |
|---|
| | | } |
|---|
| | | // 校检文件大小 |
|---|
| | | if (this.fileSize) { |
|---|
