vue 判断是不是图片类型

最新推荐文章于 2024-05-23 13:53:04 发布

菜@

最新推荐文章于 2024-05-23 13:53:04 发布

阅读量783

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45915072/article/details/133760440

版权

这篇文章讲述了如何使用JavaScript中的isImageFile函数来检查上传文件的扩展名，确保只有图片被允许上传，否则给出错误提示。处理函数handleFileSuccess4在上传成功后进行类型验证。

摘要由CSDN通过智能技术生成

isImageFile(url){
      // 获取文件扩展名
      const extension = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
      // 支持的图片扩展名列表
      const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];
      // 判断当前文件扩展名是否为图片扩展名
      if (imageExtensions.includes(extension)) {
        return true;
      }
      return false;
    },
handleFileSuccess4(event, response, file, fileList) {
      if (this.isImageFile(response.response.url)) {
        // 是图片，放行
        this.$message({
          message: "上传成功,请保存!",
          type: "success",
        });
      } else {
        // 不是图片，阻止
        this.$message({
          message: "只能上传图片!",
          type: "error",
        });
      }

    },