如何在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

这是因为它在文件[0]中返回图片/ jpeg

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

尝试一下就可以了。