2013-07-11 33 views
8

JavaScript yılında <input type="file" id="img" multiple><br> <input type="submit" onclick="loadfiles()">Bir combobox'ı görüntülerin bir klasörüne nasıl bağlarım? Ben HTML gövdesinde

var sahiptir:

İşte
function loadfiles() { 
    var viewer = new PhotoViewer(); 
    var imageFiles = document.getElementById("img"), 
    filesLength = imageFiles.files.length; 
    for (var i = 0; i < filesLength; i++) { 
    viewer.add('./Slide1/'+imageFiles.files[i].name); 
    } 
    viewer.show(0); 

, ne belirli bir klasörden birden fazla dosya seçmektir yapıyorum ve bu dosyaların jQuery kaydırıcısında gösteriyor. Ama bunu bir klasörlerin birleşik kutusu olarak yapmak istiyorum: hangisini seçtiğimi seçerseniz, bu klasörde bulunan tüm görüntüleri aynı jQuery kaydırıcısını kullanarak gösterecektir.

<form name=myform> 
    <select id="mytextarea" name=mytextarea size=1> 
    <option name=one value=one> one </option> 
    <option name=two value=two> two </option> 
    <option name=three value=three > three </option> 
    <option name=four value=four> four </option> 
    </select> 
</form> 

Klasöre nasıl bir bağlantı bulabilirim?

+1

Ben birkaç şey alamadım çalışması için açılan Box referansı geçebilir. 1: Yukarıda bahsettiğiniz PhotoViewer() nedir? 2: İstemci dosyalarını istemciye bir yere kaydetmeden gösterebildiğinizi sanmıyorum. Soruda hangi klasörden bahsediyorsunuz? –

+0

photoviwer, tarayıcıda resim gösterebileceğim jquery framewrok'dur. 'Bir tane' seçeneğini seçersem, o zaman bir, iki veya üç klasörün kullanıcı seçeceği klasör adında bulunan tüm görüntüleri göstereceğini varsayalım. – insanity

+1

İstemcide seçilen dosyaları giriş tipi dosyanızda gösteremezsiniz. İkinci olarak, sunucunuzdaki bir klasörün içindeki tüm görüntüleri göstermek istiyorsanız, korkarım ki her görüntü için görüntü yollarını kodlamanız gerekecektir. –

cevap

1

Sen

<input type="file" id="img" multiple><br> <input type="submit" onclick="loadfiles(this)">

function loadfiles(obj) { 
    var selectedOption = obj.val(); 
    } 
İlgili konular