{
label: '封面图',
prop: 'image',
type: 'upload',
span: 24,
display: true,
showFileList: true,
multiple: false,
fileSize:500,
listType: 'picture-img',
propsHttp: {
res: 'data',
url: 'link',
},
canvasOption: {},
accept:'image/png, image/jpeg',
action: '/api/blade-resource/oss/endpoint/put-file-attach',
tip: '只能上传jpg/png,且不超过500kb',
uploadAfter: (res,done) => {
this.form.attachId = res.attachId;
done();
},
uploadError: (error, column) => {
if(error == '文件太大不符合'){
this.$message.error('图片大小超过限制')
}
else{
this.$message.error(error)
}
},
uploadBefore:(file, done, loading,column) =>{
const suffixName = file.name.substring(file.name.lastIndexOf(".") + 1);
const isFlag =
suffixName === "jpg" || suffixName === "jpeg" || suffixName === "png";
if (!isFlag) {
this.$message({
message: "格式不支持!",
type: "error",
});
loading()
}
else{
done()
}
},
rules: [
{
required: true,
message: '请上传封面图',
trigger: 'blur'
}
],
},插入代码片