Загрузка нескольких файлов с одним элементом ввода (не множественный выбор, а по одному за раз) - PullRequest
2 голосов
/ 21 декабря 2011

У меня есть макет формы, в которой есть элемент ввода файла, который пользователи используют для выбора локального изображения для загрузки. Идея состоит в том, что пользователи могут загружать до четырех изображений, используя только один элемент ввода файла, но не могут выбирать несколько одновременно. Выбранные изображения отправляются на сервер после отправки формы. Реализуется ли эта идея с использованием HTML5 + javascript?

1 Ответ

1 голос
/ 21 декабря 2011

Если вы хотите знать, возможно ли это, тогда да, это так. Вы можете использовать один элемент ввода файла и использовать его, чтобы позволить пользователю выбрать до 4 изображений, но назначить там значения 3 скрытым элементам ввода тьфу. При отправке все элементы ввода файлов (скрытые и видимые) будут публиковать свои данные на сервере.

РЕДАКТИРОВАТЬ: вот пример HTML + jquery для установки и получения пути к файлу из управления вводом типа файла:

<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript">
        $(document).ready(function(){
            $('#btnImpersonator').bind('click', function(){
                $('#uploader').click();
            });


            $('#uploader').bind('change', function(){
                $('#txtImpersonator').val($('#uploader').val());
                alert($('#uploader').val());
            });
        });
    </script>
</head>
<body>
    <form action="">
        <input type="file" id="uploader" style="display:none">
        <input type="text" id="txtImpersonator" />&nbsp;<input type="button" id="btnImpersonator" value="Browse" />
    </form>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...