Question

我想上传扩展名为小写的文件，即使用户选择的是大写扩展名的文件也是如此。我使用<input type="file"/>来选择文件。

以下是一个例子：

之前
(abc.CSV), (def.cSV), (ghi.cSv)

后
(abc.csv), (def.csv), (ghi.csv)

下面是文件选择器的屏幕截图。

Screenshot of the file chooser

Answer 1

由于安全限制，您无法在客户端操纵文件输入字段的实际值。

您唯一的选择是在服务器端处理此问题。

您只能读取其值。如果您只是希望显示的文字为小写，那么有很多方法可以执行此操作，但已上传的文件仍会保留原始名称，那么您将会必须在服务器端处理它。

Answer 2

如果您想检查用户是否选择了具有小写的正确文件扩展名的文件，您可以使用以下代码段来模拟您的工作。

 var file = $("#fileupload").val();

        if (file == '') {
                $("#errDiv").html("Please select a file first.");
                e.preventDefault();
                return false;
        }
        else {
                var ext = file.split('.').pop().toLowerCase();
                if ($.inArray(ext, ['xlsx']) == -1) {    //not .XLsx or otherwise
                $("#errDiv").html("Please select valid file type(xlsx).");
                return false;
            }

最后，您必须真正检查后端上传的文件，看看它是否是有效的扩展名，最重要的是，是一个有效的文件。

Answer 3

您可以使用CSS text-transform属性。

 <!DOCTYPE html>
    <html>
    <head>
    <style>
    input.lowercase{text-transform:lowercase;}
    </style>
    </head>

    <body>

    FILENAME <input class = "lowercase" id ="filename" type="text" name="filename">

    </body>
    </html>

将输入文件扩展名更改为小写

3 个答案: