美文网首页
检测input file文件是否上传

检测input file文件是否上传

作者: 李佳明先生 | 来源:发表于2017-09-09 10:43 被阅读0次

昨天遇到这样一个需求,就是当submit提交的时候判断证件照是否上传,于是我想根据input file的上传时的信息来判断是否上传文件。但是当用getObjectURL($('.upload input').get(0).files[0])这段代码获取信息的时候,因为没有上传文件,所以报错了。
在网上找了半天解决方法,可能我笨,没找到~,于是我就想了个奇淫巧技,判断如果这段代码报错,就弹出警告,阻止submit的默认事件。

js代码

function getObjectURL(file) {
        var url = null;
        if (window.createObjectURL != undefined) {
            url = window.createObjectURL(file)
        } else if (window.URL != undefined) {
            url = window.URL.createObjectURL(file)
        } else if (window.webkitURL != undefined) {
            url = window.webkitURL.createObjectURL(file)
        }
        return url
    };
$('.submit input').on('click',function(e){
            try{getObjectURL($('.upload input').get(0).files[0])}catch(err){
                alert('请上传证件')
                e.preventDefault();
            }
        })

相关文章

网友评论

      本文标题:检测input file文件是否上传

      本文链接:https://www.haomeiwen.com/subject/wjuojxtx.html