2013-07-11 12 views
8

Nel corpo di HTML ho <input type="file" id="img" multiple><br> <input type="submit" onclick="loadfiles()">Come posso collegare una casella combinata a una cartella di immagini?

in JavaScript che ho:

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

Ecco, quello che sto facendo è la selezione di più file dalla cartella specifica e tali file stanno mostrando nel cursore jQuery. Ma voglio farlo come una combobox di cartelle: qualunque sia la cartella che scelgo, mostrerà tutte le immagini presenti in quella cartella usando lo stesso cursore 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> 

Come posso ottenere un collegamento alla cartella?

+1

non ottengo un paio di cose. 1: cos'è PhotoViewer() che ti riferisci sopra? 2: Non penso che tu possa mostrare i file Client al client senza salvarli da qualche parte. Di quale cartella stai parlando nella domanda? –

+0

photoviwer è jquery framewrok attraverso il quale posso mostrare le immagini nel browser. Supponiamo che se scelgo l'opzione 'uno', allora mostrerà tutte le immagini presenti nel nome della cartella Uno, due o tre, qualunque sia la cartella che l'utente selezionerà. – insanity

+1

non è possibile mostrare i file che sono selezionati sul client attraverso il file del tipo di input. In secondo luogo, se vuoi mostrare tutte le immagini all'interno di una cartella sul tuo server, temo che dovrai codificare i percorsi delle immagini per ciascuna immagine. –

risposta

1

È possibile passare riferimento Casella combinata di funzionare

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

function loadfiles(obj) { 
    var selectedOption = obj.val(); 
    } 
Problemi correlati