驗證jQuery文件上傳預覽

Question

我使用以下腳本來預覽通過輸入['file']選擇的圖像。我如何防止它試圖顯示不是圖像的文件？

function readURL(input) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 

     reader.onload = function (e) { 
      $('#preview').attr('src', e.target.result); 
     } 

     reader.readAsDataURL(input.files[0]); 
    } 
} 

Answer 1

嘗試

if (/image/.test(input.files[0].type)) { 
    reader.readAsDataURL(input.files[0]); 
}