如何在FileUpload控件中限制文件類型

Question

是否可以允許fileupload控件僅顯示圖像？

當我們點擊瀏覽按鈕時，它應該只顯示圖像。

Answer 1

不，在網上你不能從客戶端，顯然從服務器端你可以做出驚人的事情。 對於這種事情，程序員通常使用Activex，flash或類似的東西。

Answer 2

假設你的意思是隻上傳圖片。

您可以檢查文件的ContentType屬性（即，圖片/ gif）。

看看這裏的一個例子：http://www.15seconds.com/issue/061116.htm

Answer 3

帶滑動<input type="file">，恐怕也不可能在客戶端。

但是，某些第三方上傳器（例如SWFUpload）提供了此功能。

Answer 4

我發現這個問題沒有直接的解決方案。

這是使用的RegularExpressionValidator我的解決方法：

<asp:FileUpload ID="fuImportImage" runat="server" /> 
<asp:RegularExpressionValidator ID="regexValidator" runat="server" 
    ControlToValidate="fuImportImage" 
    ErrorMessage="Only JPEG images are allowed" 
    ValidationExpression="(.*\.([Jj][Pp][Gg])|.*\.([Jj][Pp][Ee][Gg])$)"> 
</asp:RegularExpressionValidator> 

Answer 5

您不能嚴格限制文件類型，但如果瀏覽器支持它，你可能會導致它最初只顯示一個特定類型的文件：

<form method="post" action="blahblah.blah"> 
    <input type="file" name="image" id="image" accept="image/png, image/jpeg" /> 
</form> 

Answer 6

//VALIDATE FILE EXTENTION 
var _validFileFlag; 
function fValidFileExt(vfilePath){ 
    var vFileName=vfilePath.split('\\').pop(); 
    var vFileExt=vfileName.split('.').pop(); 
    if(vFileExt.toUpperCase()=="JPEG" || vFileExt.toUpperCase()=="JPG"){ 
    _validFileFlag = true; 
    } 
    _validFileFlag = false; 
} 

<asp:FileUpload ID="FileUpload1" onchange="fValidFileExt(this.value);" runat="server" /> 

檢查 '_validFileFlag' 保存數據/上傳..

Answer 7

在2015年，化網頁瀏覽器支持輸入接受屬性，所以你可以這樣做：

<asp:FileUpload ID="fileUploader" runat="server" accept=".png,.jpg,.jpeg,.gif" /> 

Answer 8

使用接受屬性，只顯示在文件瀏覽器相似圖片如下 -

<asp:FileUpload ID="FileUploadFileType" runat="server" CssClass="form-control" accept=".png,.jpg,.jpeg,.gif" /> 

與ASP .nets RegularExpressionValidator用驗證消息來驗證選定的文件類型。

<asp:RegularExpressionValidator ID="RegExValFileUploadFileType" runat="server" 
         ControlToValidate="FileUploadFileType" 
         ErrorMessage="Only .jpg,.png,.jpeg,.gif Files are allowed" Font-Bold="True" 
         Font-Size="Medium" 
         ValidationExpression="(.*?)\.(jpg|jpeg|png|gif|JPG|JPEG|PNG|GIF)$"></asp:RegularExpressionValidator>