如何在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>