elementui上传图片校验
<el-form-item label="门店海报:" prop="imageUrl" ref="image">
//自定义正则
var valiIcon = (rule, value, callback) => {
// 图片验证
if (!this.hasFmt) { //hasFmt设置为true/false
callback(new Error("请上传门店海报"));
} else {
callback();
}
//rules
imageUrl: [{ required: true, validator: valiIcon }]
//上传成功
handleAvatarSuccess(res) {
this.hasFmt = true;
this.$refs.image.clearValidate();
},
//删除成功
handleRemove(file) {
this.hasFmt = false;
this.$refs.image.validate();
}
//更改上传图片的名称
beforeAvatarUpload1(file) {
let current = new Date();
this.postData1.key =
"gymansium" +
current.getFullYear() +
current.getMonth() +
current.getDate() +
current.getHours() +
current.getMinutes() +
current.getSeconds() +
current.getMilliseconds() +
file.name.substr(file.name.lastIndexOf("."));}
分类:
elementUI
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!