檢測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();
}
})
相關文章
- input file multiple 批量上傳檔案
- input[type=file] 獲取上傳檔案的內容
- vue3中清空input type="file"上傳檔案Vue
- input file控制元件限制上傳檔案型別控制元件型別
- input file圖片上傳
- input file簡單實現限制上傳檔案的型別型別
- input file美化 --上傳圖片
- 如何獲取<input type="file">上傳的檔名稱
- HTML input file檔案域HTML
- HTML input file 檔案域HTML
- input file上傳圖片預覽
- 檔案上傳漏洞防範-檔案型別檢測型別
- 檔案上傳——客戶端檢測繞過(JavaScript檢測)(一)客戶端JavaScript
- Laravel file 上傳檔案資訊獲取Laravel
- laravel file上傳檔案資訊獲取Laravel
- 使用Input type=file 原生上傳使用總結
- 檔案上傳測試
- 測試上傳檔案
- <input type="file"> 限制檔案型別型別
- js檢測上傳檔案型別程式碼例項JS型別
- input:file上傳型別控制簡單介紹型別
- HTML5的input:file上傳型別控制HTML型別
- <input type="file"> 選中多個檔案
- ASP.NET MVC使用input標籤上傳檔案ASP.NETMVC
- HTML5的 input:file上傳以及型別控制HTML型別
- input 實現檔案上傳,並驗證檔案不大於5M
- php檔案上傳之多檔案上傳PHP
- PHP 上傳檔案 move_uploaded_file 報錯PHP
- js檢測上傳檔案大小和型別例項程式碼JS型別
- javascript檢測上傳檔案的格式和大小例項程式碼JavaScript
- 蘋果電腦上傳輸安卓檔案Android File Transfer蘋果安卓Android
- 單個檔案上傳和批量檔案上傳
- 檔案上傳
- SpringMVC 單檔案上傳與多檔案上傳SpringMVC
- input file利用FileReader實現圖片上傳程式碼例項
- Java大檔案上傳、分片上傳、多檔案上傳、斷點續傳、上傳檔案minio、分片上傳minio等解決方案Java斷點
- 判斷是否有檔案並設定理性,上傳到cos
- 檔案上傳之三基於flash的檔案上傳