检测input file文件是否上传

昨天遇到这样一个需求,就是当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();
            }
        })
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容