Подключить ввод: файл к вводу: текст и ввод: кнопка для выбора файла - PullRequest
Новая
       1

Подключить ввод: файл к вводу: текст и ввод: кнопка для выбора файла

0 голосов
/ 03 октября 2018

Я использую шаблон для системы.Тем не менее, я не могу понять, как подключить input: file к input: text и input: button.Кажется, что input: file скрыт в этом шаблоне, и я должен использовать input: text (он отключен) и input: button.Вот код: 

<div class="form-group">
     <label>File upload</label>
     <input type="file" name="img[]" class="file-upload-default">
     <div class="input-group col-xs-12">
          <input type="text" class="form-control file-upload-info" disabled="" placeholder="Upload Image">
          <span class="input-group-append">
               <button class="file-upload-browse btn btn-info" type="button">Upload</button>
          </span>
     </div>
</div>

Я должен использовать его на Multer.Как я могу передать данные тоже?Даже несколько загрузок.Сожалею.Thanksss.

1 Ответ

0 голосов
/ 03 октября 2018

попробуйте 

<html lang="en">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<head>
<body>
<div class="form-group form-file" >
     <label>File upload</label>
     <input type="file" name="img[]" class="file-upload-default" id="file-1" style="display:none" onchange="checkFile(this)">
     <div class="input-group col-xs-12">
          <input type="text" class="form-control file-upload-info" disabled="" placeholder="Upload Image">
          <span class="input-group-append">
               <button class="file-upload-browse btn btn-info" type="button" onclick="$('#file-1').click()">Upload</button>
          </span>
     </div>
</div>


</body>
<script type="text/javascript">
    var count_file=1;

    function checkFile(dom){
        if($(dom)[0].files[0]){
            console.log($(dom).parent().find('.file-upload-info'));
            var d=$(dom).parent().find('.file-upload-info')[0];
                d.value=($(dom)[0].files[0].name);
        }

    }



</script>
    


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

Нет похожих вопросов

...