獲取上傳檔案的字尾名並且判斷是不是圖片格式
阿新 • • 發佈:2018-12-16
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>上傳檔案--圖片</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <input id='inputImg' type="file" onchange="isImgStyle(event)"> </body> <script> function isImgStyle(e){ // var input = document.getElementById('inputImg'); var filename = e.currentTarget.files[0].name; var img = ['.png', '.jpeg', '.jpg']; filename = filename.slice(filename.indexOf(".")); if(img.indexOf(filename) > -1){ console.log(filename); }else{ return; } } </script> </html>
e.currentTarget.files[0].name;
currentTarget 事件屬性返回其監聽器觸發事件的節點,即當前處理該事件的元素、文件或視窗。
語法: event.currentTarget
e.currentTarget.files 是一個物件