校验上传图片的格式和大小

Question

问题：校验上传图片的格式和大小
解决方式：

beforeImageUpload(file) {
      const isType = [
        'image/png',
        'image/psd',
        'image/jpg',
        'image/jpeg',
        'image/bmp',
        'image/gif',
        'image/webp',
        'image/svg',
        'image/tiff',
      ].includes(file.type);
      const isLt2M = file.size / 1024 / 1024 < 2;
      if (!isType) {
        this.$message.error('上传图片只能是 png、psd、jpg、jpeg、bmp、gif、webp、svg、tiff 格式!');
        return false;
      }
      if (!isLt2M) {
        this.$message.error('上传头像图片大小不能超过 2MB!');
        return false;
      }
      return isType && isLt2M;
    }

Answer 1

【以下回答由 GPT 生成】

function beforeImageUpload(file) {
  const allowedFormats = ['image/png', 'image/psd', 'image/jpg', 'image/jpeg', 'image/bmp', 'image/gif', 'image/webp', 'image/svg', 'image/tiff'];
  const maxFileSize = 2 * 1024 * 1024; // 2MB

  // 校验图片格式是否符合要求
  if (!allowedFormats.includes(file.type)) {
    this.$message.error('上传图片只能是 png、psd、jpg、jpeg、bmp、gif、webp、svg 或 tiff 格式！');
    return false;
  }

  // 校验图片大小是否符合要求
  if (file.size > maxFileSize) {
    this.$message.error('上传图片大小不能超过 2MB！');
    return false;
  }

  // 校验通过，返回true
  return true;
}

【相关推荐】

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/663413
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：图片上传预览，并且限制图片大小
• 您还可以看一下 李志辉老师的微信小程序开发从入门课程课程中的 小程序账号注册和后台介绍小节, 巩固相关知识点
  
• 除此之外, 这篇博客: 初识微信小程序中的 3.创建小程序 注册小程序账户 小程序工具功能介绍 以及小程序的目录结构分析 部分也许能够解决你的问题。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^