Blueimp Jquery File Upload - расширенная форма загрузки файлов с чанкингом и несколькими полями в одной форме - PullRequest
Новая
       29

Blueimp Jquery File Upload - расширенная форма загрузки файлов с чанкингом и несколькими полями в одной форме

0 голосов
/ 14 марта 2019

Я давно не задавал вопросов, так что не будь слишком резким.Я лучше помогаю.

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

С 'Загрузка файла Jimpery Blueimp«У них действительно плохая документация, которая не очень хорошо объясняет вещи.Кроме того, кажется, что не хватает полностью работающих учебных пособий по полному коду.Только части кода, надеюсь, вы, профессионалы, можете помочь.Прямо сейчас я пытаюсь провести эксперимент с загрузкой чанков, и мне нужна помощь в создании следующего, а также формы, которая находится на кнопке отправки только, а не загружать автоматически:

Форма, которая содержит:

  • поле ввода текста
  • поле ввода текста
  • поле ввода файла 1
  • поле ввода файла 2
  • поле ввода файла 3
  • кнопка отправки

Я просмотрел следующие страницы документации: https://github.com/blueimp/jQuery-File-Upload/wiki/Multiple-File-Input-Fields-in-One-Form и https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data, но они не помогают мне решить мою проблему.

Мой текущий HTML-код ... см. Jsfiddle для получения дополнительной информации: 

<h1>Chunked Uploads Test</h1>
<form id="fileupload" action="" method="POST" enctype="multipart/form-data">
    <div class="form-group">
        <label>Name</label>
        <input id="name" class="form-control" name="name">
    </div>
    <div class="form-group">
        <label>Description</label>
        <textarea id="description" class="form-control" name="description"></textarea>
    </div>

    <div class="row">
        <div class="span16 fileupload-buttonbar">
            <div class="progressbar fileupload-progressbar"><div style="width:0%;"></div></div>
            <span class="btn success fileinput-button">
                <span>Icon Img...</span>
                <input type="file" name="files[]" multiple>
            </span>
            <!-- Extra file input start /-->
            <span class="btn fileinput-button">
                <span>Preview Img...</span>
                <input type="file"  class="form-control-file" name="files2[]" multiple>
            </span>
            <span class="btn fileinput-button">
                <span>Main File...</span>
                <input type="file"  class="form-control-file" name="files3[]" multiple>
            </span>

        </div>
    </div>
    <br>
    <div class="row">
        <div class="span16">
            <table class="zebra-striped"><tbody class="files"></tbody></table>
        </div>
    </div>
    <hr>
    <div class="form-group">
        <button class="btn btn-primary btn-sm start" type="button">Upload Item</button>            
    </div>
</form>

https://jsfiddle.net/ub7f1xsa/

Как вы можете видеть, это требует некоторой работы, но мне просто нужна помощь с JS,У меня уже есть весь PHP, но в основном ему просто нужно иметь возможность разбивать все поля ввода файлов и отправлять дополнительные данные.

Заранее большое спасибо всем, кто может помочь.Через 2 дня (не дайте мне добавить больше) я добавлю награду, чтобы вы, ребята, были вознаграждены за помощь.

...