Question

嗨，我希望输入文件仅接受一个文件。

我的意思是，当我尝试选择要上传的文件时，只能选择一个文件

我知道我们可以使用多个像这样

<input type="file" name="img" multiple>

但是我们可以使用这样的东西吗？

<input type="file" name="img" multiple = false>

这是我的代码

<form action="/Panel/Uploader" method="post" enctype="multipart/form-data" class="dropzone" id="dropzoneForm">
                        <div class="fallback">
                            <input name="file" type="file" accept="image/jpeg, image/png, image/gif" />
                            <input type="submit" value="Upload" />
                        </div>
                    </form>

Answer 1

您不能这样：

<input type="file" name="img" multiple = false>

但是，如果您不想只选择一个文件，则可以执行以下操作：

<input type="file" name="img">

只需删除“多个”即可。

Answer 2

这是codepen链接。

请勿使用multiple属性。

<input type="file" name="img">

我们看到我们不能选择多个文件。

在Mozilla和chrome上进行了测试。

您甚至可以限制使用js

$(function(){
    $("input[type='submit']").click(function(){
        var $fileUpload = $("input[type='file']");
        if (parseInt($fileUpload.get(0).files.length)>1){
         // handle here 
           return false;
        }
    });    
});

html文件输入仅选择一个文件

2 个答案: