Bootstrap文件輸入 - 限制文件類型

爲我指導的公司開發的代碼使用Krajee的Bootstrap文件輸入。在調用此函數的位置，allowedFileExtensions設置爲僅允許使用jpg，gif和png。但是，當單擊瀏覽按鈕時，列表（如果允許的圖像文件類型顯示大約一打圖像類型）。如果選擇了不是這三種類型的一種，例如svg，則系統顯示一個錯誤消息，指示文件類型不被允許。Bootstrap文件輸入 - 限制文件類型

雖然這當然有效，但瀏覽應該只允許選擇所選類型。需要額外的參數和/或其他更改，以便瀏覽窗口將選擇限制爲所選類型？

如果很重要：我已經在PC和Firefox和IE上看到過這種現象。

來源

2015-10-20 GRoston

雖然這肯定的作品，瀏覽只允許選擇的選擇類型。需要更改哪些參數和/或其他參數，以便瀏覽窗口將所選類型的選擇限制爲？

嘗試設置接受類型文件的擴展名的使用accept屬性input type="file"元素，值是由逗號分隔的文件擴展名。只有文件中定義extnsion類型爲accept屬性的值應該在「打開文件」對話框中顯示

<input type="file" accept=".jpg,.gif,.png" />

來源

2015-10-20 22:21:04 guest271314

謝謝你 - 我相信，你的答案是正確的。在代碼中，我找到了accept =「image/*」，這將解釋大量可接受的文件類型。 – GRoston

這是我用過的。

//update file name text box with selected filepath and file 
$('#FileUpload1').change(function() 
{ 
    var filename = $(this).val(); 

    $('#txtFileName').val(filename); 

    var fileExtension = ['xlsx', 'xls', 'csv']; 
    if ($.inArray(filename.split('.').pop().toLowerCase(), fileExtension) == -1) 
    { 
     $('#lblWarning').show(); 
     $('#lblWarning').text("Only 'xlsx', 'xls', 'csv' formats are allowed."); 
    } 
    else 
    { 
     $('#lblWarning').hide(); 
    } 


});

來源

2015-10-20 22:20:55

Bootstrap文件輸入 - 限制文件類型

回答

相關問題