HTML-файл ввода выбрать только один файл - PullRequest
0 голосов
/ 28 февраля 2019

Привет! Я хочу, чтобы входной файл принимал только один файл.

Я имею в виду, что при попытке выбрать файл для загрузки можно выбрать только один файл

Я знаю, что мы можем использовать несколько таких символов

<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>

Ответы [ 2 ]

0 голосов
/ 28 февраля 2019

Вот ссылка 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;
        }
    });    
});
0 голосов
/ 28 февраля 2019

Вам это не понравится:

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

Но если вы не хотите выбрать только один файл, вы можете сделать что-то вроде этого:

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

Просто удалить "несколько»..

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...