Requisitos:
Después de especificar aceptar para el tipo de carga del archivo, es necesario especificar el tamaño o el tipo de archivo,
pero encontramos que el archivo original no puede satisfacer nuestras necesidades. En este momento, debemos hacer un juicio al cargar el archivo.
el código se muestra a continuación:
<!-- 图片上传 -->
<el-popover placement="bottom-start" width="450" trigger="click">
<div style="height:300px;">
<el-upload
class="u_img"
:action="uploadbimg"
:headers="Myhead"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
:before-upload="beforeUpload_u"
multiple
:limit="1"
:on-exceed="handleExceed"
:file-list="fileList"
accept=".zip"
>
<el-button type="primary">图片压缩包上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传zip格式文件,且不超过800kb</div>
</el-upload>
</div>
<el-button type="primary" slot="reference">图片上传</el-button>
</el-popover>
<!-- 图片上传 -->
beforeUpload_u(file, fileList){
var testmsg=file.name.substring(file.name.lastIndexOf('.')+1)
const extension = testmsg === 'zip'
var bool = false;
if(extension){
bool = true;
} else{
bool = false;
}
if(!extension) {
this.$confirm(`上传文件只能是zip格式!`);
}
return bool;
},
Si desea juzgar el tamaño del archivo, también es posible anotar el tamaño del archivo.
beforeUpload(file) {
console.log(file)
var testmsg=file.name.substring(file.name.lastIndexOf('.')+1)
const extension = testmsg === 'xls'
const extension2 = testmsg === 'xlsx'
// const isLt2M = file.size / 1024 / 1024 < 10
if(!extension && !extension2) {
this.$message({
message: '上传文件只能是 xls、xlsx格式!',
type: 'warning'
});
}
// if(!isLt2M) {
// this.$message({
// message: '上传文件大小不能超过 10MB!',
// type: 'warning'
// });
// }
// return (extension || extension2) && isLt2M
return extension || extension2
}