僅顯示圖像文件在輸入類型文件瀏覽窗口中？

Question

所以基本上如何篩選窗口彈出，只顯示圖像文件時，我點擊輸入類型的文件

<input type="file" /> 

任何幫助表示讚賞，我試圖找到這個

感謝

Answer 1

的解決方案你可以利用這一點，但它不會在所有的瀏覽器：

<input type="file" accept="image/*"> 

在Chrome中，你甚至可以指定格式，你llow：

<input type="file" accept="image/x-png, image/gif, image/jpeg" /> 

LIVING DEMO

如果你想限制在客戶端的圖像類型you can still use JavaScript to validate it。

不過，當然，你應該檢查與PHP以及服務器端：

//defining the allowed extensions and types for our system. 
$allowedMimes = array('image/gif', 'image/jpeg', 'image/jpg', 'image/png', 'image/bmp', 'image/wbmp'); 
$allowedExtensions = array('jpg', 'gif', 'jpeg', 'png', 'bmp', 'wbmp'); 

$extension = end(explode('.',$imgFile)); 

//is the extension allowed? 
if(in_array($extension, $allowedExtensions)){ 

    //getting the mime type (it can be different from the extension) Be careful! 
    $imgInfo = getimagesize('yourPath/'.$imgFile); 
    $type = strtolower($imgInfo['mime']); 

    //checking the mime type 
    if(!in_array($type, $allowedMimes)){ 
     // is an allowed image type 
    } 
} 

Answer 2

我覺得你正在尋找接受參數。試試這個工作

<input type="file" accept="image/*" /> 

對於MIME類型列表中，點擊下方的鏈接：例如

http://www.bitsandpix.com/entry/microsoft-office-2007-2010-docx-xlsx-pptx-mime-type-to-avoid-the-zip-issue/

Answer 3

圖片：

<input type="file" accept="image/*"> 

See this answer

Answer 4

這不是可能。這是瀏覽器用戶界面的一部分，JavaScript無法控制它。如其他提及，您可以使用accept屬性，但該屬性尚未爲此目的而創建。

如果type屬性的值是file，accept屬性指示類型的服務器接受的文件;否則會被忽略。該值必須是逗號分隔的唯一內容類型說明符列表。