檢測input file檔案是否上傳

weixin_33890499發表於2017-09-09

昨天遇到這樣一個需求,就是當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();
            }
        })

相關文章