javascript - 如何在浏览窗口中仅过滤 .jpg 文件？

Question

我想仅过滤 .jpg 文件的浏览窗口。

<asp:FileUpload ID="fileDocument" runat="server"></asp:FileUpload>

这是图像：-

在这里我希望它只显示 .jpg 文件。我怎样才能做到这一点？

Answer 1

在 aspx 页面的 head 部分添加此脚本。

 <script type ="text/javascript">
    var validFilesTypes=["bmp","gif","png","jpg","jpeg","doc","xls"];
    function ValidateFile()
     {
         var file = document.getElementById("<%=FileUpload1.ClientID%>");
         var path = file.value;
         var ext=path.substring(path.lastIndexOf(".")+1,path.length).toLowerCase();
         var isValidFile = false;
         for (var i=0; i<validFilesTypes.length; i++)
            {
              if (ext==validFilesTypes[i])
                 {
                      break;
                 }
            }
         return isValidFile;
     }
</script>

Answer 2

看看这个：

使用 RegularExpressionValidator 上传文件不适用于仅 Firefox IE

但是我相信您正在使用的库可能无法实现您想要做的事情，您可以尝试使用不同的 javascript 库来进行文件选择。

看看这个： http ://www.queness.com/post/11434/7-javascript-ajax-file-upload-plugins

Answer 3

我之前使用过RegularExpressionValidator。

<asp:RegularExpressionValidator ID="validator_fileupload_extension" runat="server"
     ControlToValidate="FileUpload1"
     ErrorMessage="Images are allowed"
     Text="*" 
     ValidationExpression="^.*\.(jpg|JPG|jpeg|JPEG)$">
</asp:RegularExpressionValidator>