2016-04-06 29 views
2

Kullanıcıdan birden çok dosya yüklemek için önyükleme kullanmaya çalışıyorum. Birden fazla dosya seçtiğimde gerçekten yüklediğimi, ancak kullanıcının daha fazla dosya eklemek için seçim dosyaları düğmesine bir kereden fazla basabilmesi için bir yol aradığını görebiliyorum. Bunu bootstrap ile kullanan herhangi bir şans oldu mu?Çoklu Yükleme Önyükleme

<div class="form-group"> 
        <label class="col-sm-3 control-label"> 
         Attachment(s) 
         (Attach multiple files.) 
        </label> 
        <div class="col-sm-9"> 
         <span class="btn btn-default btn-file"> 
          <input id="input-2" name="input2[]" type="file" class="file" multiple data-show-upload="false" data-show-caption="true"> 
         </span> 
        </div> 
       </div> 

İşte benim

+0

Bu, geçerli bir cevap olarak nitelemek, ama burada size yardımcı olabilecek bir bağlantı değildir: http: //blog.teamtreehouse .com/yükleme-files-ajax. "Ajax yükleme dosyası" nı aradığımda en iyi Google arama sonucu oldu. Temel olarak hem AJAX hem de [FormData Web API'sı] 'nın nasıl kullanılacağını anlamanız gerekecek (https://developer.mozilla.org/en-US/docs/Web/API/FormData). Dediğim gibi, bu bir cevap için uygun değil. Sorunuz çok geniş. Birkaç öğreticiyi kullanmaya çalışın ve sıkıştığınızda, söz konusu sorunla ilgili başka bir soru göndermek için çekinmeyin. –

+0

Bunun Bootstrap ile ne yapması gerektiğinden emin değilim - Bootstrap bir _single_ dosyası yüklemenize yardımcı olamıyor. Birden fazla – Turnip

+0

ve [FileList Web API'sı] (https://developer.mozilla.org/en-US)/docs/Web/API/Dosya Listesi). Unutulmaması gereken önemli bir parça, üzgünüm. Çapraz tarayıcı destek tanklarının çoğunun bu bölüm olduğunu düşünüyorum. –

cevap

1

Bir birden fazla dosya sadece bu gibi girdi dosyası etiketi içinde "birden fazla" koymak yüklemek istiyorsanız FIDDLE.

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

<input id="input-2" name="input2[]" type="file" class="file" data-show-upload="false" data-show-caption="true" multiple> 
İlgili konular