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

穆罕默德·埃斯坎达里(Mohammad Eskandari)

我想检查我的输入文件类型是否为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',
                })
}
帕特尔·普拉蒂克

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

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

试试这个,它的工作原理。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Angular JS中检查上传文件的类型?

如何在Java中检查文件类型

如何检查目录中是否存在某种文件类型?

如何在python中检查变量是否为enum类型

如何在JavaScript中检查值是否为Map类型?

如何在Swift中检查类型是否为Optional?

如何在Node.js中检查字符串是否为ObjectId类型

如何在imsmanifest.xml文件中为媒体指定mime类型?

如何在ffmpeg(-f)中为输入和输出指定文件类型?

如何检查通过多部分形式发布的文件是否为图像类型并且小于Go中给定的maxsize?

如何在Vue.js中从URL(图像)获取文件类型对象

如何检查multer中的文件类型

如何检查脚本中的文件类型

如何在php中检查文件是视频类型、图像类型还是文档类型

如何在Java中检查文件是否为gzip

如何在jQuery中检查输入文件是否为空

如何在C ++中检查ifstream是否为文件结尾

如何在 Roslyn 中检查方法参数类型/返回类型是否为泛型?

如何在Javascript中检查数组类型是否为累积和类型

Sails JS文件上传;如何检查文件是否为输入?

如何检查存储为url的图像的文件类型?

如何在Node.js中处理不同的文件类型

vim如何检查文件类型?

如何检查类型是否为可移植库中的结构

如何在指定目录中递归列出所需文件类型的所有文件?

如何在编译时检查类型是否为元组

如何在Spring Controller图片/视频中检测要上传的文件类型

用户扫描程序如何检查Zip文件是否由CSV压缩或JAVA中的其他类型的文件?

如何在Laravel中验证文件类型