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("."));}
复制代码
posted @   写手在作画  阅读(3098)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
点击右上角即可分享
微信分享提示