2

我的页面上有一个 ASP 文件上传控件。如何在客户端验证所选文件。验证规则： 1. 文件必须为 jpeg,png,bmp 或 gif。2. 文件大小必须在 25 kb 和 2 mb 以内。请帮忙。谢谢。
我已尝试以下代码来验证扩展

<asp:FileUpload ID="FileUpload2" runat="server"/>                    
<asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="ValidateFileUpload" ErrorMessage="Invalid file type. Only .gif, .jpg, .png, .bmp and .jpeg are allowed." ControlToValidate="FileUpload2" ValidationGroup="update">&nbsp;</asp:CustomValidator>
<script language="javascript" type="text/javascript">
    function ValidateFileUpload(Source, args) {
        var fuData = document.getElementById('<%= fuData.ClientID %>');
        var FileUploadPath = fuData.value;

        if (FileUploadPath == '') {
            // There is no file selected
            args.IsValid = false;
        }
        else {
            var Extension = FileUploadPath.substring(FileUploadPath.lastIndexOf('.') + 1).toLowerCase();

            if (Extension == "jpg" || Extension == "jpeg" || Extension == "png" || Extension == "gif" || Extension == "bmp") {
                args.IsValid = true; // Valid file type
            }
            else {
                args.IsValid = false; // Not valid file type
            }
        }
    }
</script>
4

3 回答 3

6

您无法通过客户端脚本确定在文件输入元素中选择的文件的大小。为了确定文件的大小，必须对文件具有读取权限。正如您可能想象的那样，允许 JavaScript 读取您计算机上的文件将是一个“非常糟糕的主意”。™

我经常看到这类问题，并且认为对于文件输入元素的实际作用存在一些混淆。当用户选择一个文件时，文件字节不会“加载”到此元素中，以便它们可供读取。相反，输入指定了对文件位置的引用，以便浏览器知道 - 当表单发布时 - 对文件进行编码并使用 POST 发送它。这个过程是浏览器内部的，不会以脚本可以利用的方式暴露给客户端。

如果您需要进行文件大小验证，您应该在可以访问实际文件字节的服务器上进行。如果您担心人们用非常大的文件“淹没”您的站点，您可以通过配置 IIS 实例来指定允许的最大 POST 大小。

于 2012-04-06T17:36:13.470 回答
2

你可以试试ajax控制工具包。它有自己的文件上传控制。它更酷

于 2012-04-07T12:25:54.560 回答
0

在当今使用的大多数浏览器中，您可以对文件大小进行客户端验证： https ://stackoverflow.com/a/1832497/2705769

于 2016-02-10T10:36:25.020 回答