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

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

这是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;
        }
    });    
});

Answer 2

你不能这样：

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

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

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

只需删除“多个”..