2013-07-11 28 views
8

Trong cơ thể của HTML Tôi có <input type="file" id="img" multiple><br> <input type="submit" onclick="loadfiles()">Làm cách nào để liên kết hộp tổ hợp với thư mục hình ảnh?

Trong javascript tôi có:

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

Ở đây, những gì tôi đang làm là lựa chọn nhiều tập tin từ thư mục cụ thể và những tập tin được hiển thị trong thanh trượt jQuery. Nhưng tôi muốn làm điều đó như một combobox của các thư mục: bất kỳ thư mục nào tôi chọn, nó sẽ hiển thị tất cả các hình ảnh có trong thư mục đó bằng cách sử dụng cùng một thanh trượt 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> 

Tôi làm cách nào để có liên kết đến thư mục?

+1

tôi không nhận được một vài điều. 1: PhotoViewer() mà bạn đang đề cập ở trên là gì? 2: Tôi không nghĩ rằng bạn có thể hiển thị các tập tin khách hàng cho khách hàng mà không cần lưu chúng ở đâu đó. Bạn đang nói về thư mục nào trong câu hỏi? –

+0

photoviwer là jquery framewrok thông qua đó tôi có thể hiển thị hình ảnh trong trình duyệt. Giả sử nếu tôi chọn tùy chọn 'một' thì nó sẽ hiển thị tất cả các hình ảnh có trong tên thư mục Một, hai hoặc ba tùy theo người dùng thư mục nào sẽ chọn. – insanity

+1

bạn không thể hiển thị các tệp được chọn tại máy khách thông qua tệp loại tệp nhập của bạn. Thứ hai, nếu bạn muốn hiển thị tất cả các hình ảnh bên trong một thư mục tại máy chủ của bạn, tôi sợ bạn sẽ phải hardcode các đường dẫn hình ảnh cho mỗi hình ảnh. –

Trả lời

1

Bạn có thể vượt qua tham khảo combo Box hoạt

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

function loadfiles(obj) { 
    var selectedOption = obj.val(); 
    } 
Các vấn đề liên quan