Элемент пользовательского интерфейса загрузки файлов сравнить тип файла - PullRequest
Новая
       6

Элемент пользовательского интерфейса загрузки файлов сравнить тип файла

0 голосов
/ 11 января 2019

Допускается использование только файлов 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. Не знаю почему

Пожалуйста, руководство
Спасибо

1 Ответ

0 голосов
/ 11 января 2019

Если вы хотите разрешить только изображения в формате jpg или png, вы можете написать приведенный ниже код. Вам не нужно проверять тип изображения (явно). 

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

В атрибуте accept любые типы, упомянутые вами, могут загружать только пользователи. Выше, если вы упомянули только jpeg или png, пользователь может загрузить только указанный тип изображения.

Если вы хотите только JPG, то вы можете написать так. 

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