Question

它应该只允许png，jpg，jpeg，bmp文件类型。

我们如何使用元素ui vuejs

beforeAvatarUpload(file) {
    const isJPG = file.type === 'image/jpeg' || 'image/png';
    const isLt2M = file.size / 1024 / 1024 < 2;

    if (!isJPG) {
        this.$message.error('Avatar picture must be JPG format!');
    }

    if (!isLt2M) {
        this.$message.error('Avatar picture size can not exceed 2MB!');
    }

    return isJPG && isLt2M;
}

不适用于我。同样，它也不会在Windows系统中显示msword类型。不知道为什么

请指导
谢谢

Answer 1

如果只允许jpg或png图像类型，可以编写以下代码。您无需（明确地）检查图像的类型。

 <input type="file" accept="image/jpeg || image/png">

无论您提到哪种类型，在accept属性中，只有用户可以上传的图像类型。在上面，如果您仅提及jpeg或png用户，则只能上传指定类型的图像。

如果只需要jpg，则可以这样写。

<input type="file" accept="image/jpeg"> //

元素UI文件上传比较文件类型

1 个答案: