如何检查文件类型是否是 vue.js 中指定的文件类型（图像）？

Question

你好。我想检查我的输入文件类型是否为 jpg。我使用了'vee-validate'，这很好，但我喜欢做的就像我根据教程对文件大小所做的一样。

这是代码：

<input type="file" @change="updateMelliCodeFrontScan" name="mellicode_front_url" class="form-input" >

这是Vue方法：

updateMelliCodeFrontScan(e){
            // console.log('uploading');
            let file = e.target.files[0];
            let reader = new FileReader();
            // let vm = this;
            if (file['size'] < 200000){

                    reader.onloadend = (file) => {
                        // console.log('RESULT', reader.result)
                        this.form.mellicode_front_url = reader.result;
                    }
                    reader.readAsDataURL(file);
            }else
            {
                swal({
                    type: 'error',
                    title: 'Size limited.',
                    text: 'size limit',
                })
            }
},

所以我想这样做：

=> i want to make another if for file type base on extension/type like file['type']. 

i used file['type'] === jpg and didn't worked.
if (file['size'] < 200000){

                    reader.onloadend = (file) => {
                        // console.log('RESULT', reader.result)
                        this.form.mellicode_front_url = reader.result;
                    }
                    reader.readAsDataURL(file);
            }else
            {
                swal({
                    type: 'error',
                    title: 'Size limited.',
                    text: 'size limit',
                })
}

Answer 1

这是因为它在 file[0] 中返回 image/jpeg

if(files[0]['type']==='image/jpeg')

试试这个它的工作原理。