如何检查文件类型是否是vue.js中指定的文件类型(Image)?

5sxhfpxr  于 12个月前  发布在  Vue.js
关注(0)|答案(2)|浏览(201)

我想检查我的输入文件类型,如果它的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',
                })
}

zf2sa74q

zf2sa74q1#

这是因为它返回image/jpeg在文件[0]

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

字符串
试试这个它的作品。

csga3l58

csga3l582#

对于多个文件类型检查,您可以像这样使用

if(['image/png','image/jpeg','image/svg'].includes(files[0]['type'])){
   
}

字符串

相关问题