2013-07-11 14 views
8

W treści HTML Mam <input type="file" id="img" multiple><br> <input type="submit" onclick="loadfiles()">Jak mogę połączyć combobox z folderem obrazów?

w JavaScript mam:

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); 

Oto, co robię jest wybranie wielu plików z określonego folderu i pliki te są wyświetlane w suwaka jQuery. Ale chcę zrobić to jako comboboks folderów: w dowolnym folderze, który wybiorę, pokaże wszystkie obrazy obecne w tym folderze przy użyciu tego samego suwaka jQuery.

<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> 

Jak mogę uzyskać link do folderu?

+1

dont dostać kilka rzeczy. 1: czym jest PhotoViewer(), o którym mowa powyżej? 2: Nie sądzę, że możesz pokazać pliki klienta klientowi, nie zapisując ich gdzieś. O którym folderze mówisz w pytaniu? –

+0

photoviwer to jquery framewrok, dzięki któremu mogę wyświetlać obrazy w przeglądarce. Przypuśćmy, że jeśli wybiorę opcję "jeden", to pokaże wszystkie obrazy obecne w nazwie folderu Jeden, dwa lub trzy, niezależnie od tego, który użytkownik wybierze folder. – insanity

+1

nie można wyświetlić plików wybranych na kliencie za pośrednictwem pliku typu wejściowego. Po drugie, jeśli chcesz wyświetlić wszystkie obrazy w folderze na serwerze, obawiam się, że będziesz musiał kodować ścieżki obrazów dla każdego obrazu. –

Odpowiedz

1

można przekazać odniesienie do pola kombi do funkcjonowania

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

function loadfiles(obj) { 
    var selectedOption = obj.val(); 
    } 
Powiązane problemy