2010-07-10 59 views
6

Tôi đang tìm cách tạo nút khi được bấm mở cửa sổ hộp thoại nơi họ chọn hình ảnh để tải lên và sau đó khi họ chọn nó và bấm ok trong cửa sổ hộp thoại tải lên bắt đầu (thanh tải lên tùy chọn :))Một nút bấm tải lên

Ưu tiên nó sẽ là một plugin jquery làm thay đổi chức năng của đầu vào tệp html chuẩn ... vì tôi đã viết mã bằng một.

+0

Tôi thực sự chỉ muốn tải lên một tập tin vì vậy tôi sẽ thích cách tiếp cận đơn giản nhất có thể. Cho đến nay họ có tất cả được một chút hơn giết cho nhu cầu của tôi. Cảm ơn :) – Pablo

+0

Tôi nghe bạn, nhưng tôi e rằng không có cách nào đơn giản hơn là sử dụng trình tải lên tùy chỉnh. Nút tải lên tệp của trình duyệt không thể được kích hoạt theo lập trình vì lý do bảo mật. –

+0

Có thể gửi biểu mẫu trên hộp thoại chọn tệp được đóng không? – Pablo

Trả lời

3

Plugin JQuery uploadify sẽ tải lên với thanh tiến trình và bao gồm chức năng tải lên một hoặc nhiều tệp.

3

SWFUpload có thể làm điều đó. Đây là một thành phần tải lên dựa trên Flash mà bạn có thể tương tác với việc sử dụng JavaScript.

Demo

2

Có nhiều giải pháp dựa đèn flash khác ngoài SWFUpload. Hãy xem uploadify.com

Đây là plugin jquery.

0

Đây có thể là những gì bạn đang tìm kiếm:

https://github.com/bencolon/file-uploader

Kịch bản hỗ trợ tải lên nhiều tập tin, nhưng đó là một lựa chọn. Mặc dù Uploadify và SWFUpload đều yêu cầu cài đặt Flash nhưng plugin này sẽ không có Flash. Đó có lẽ là cách tiếp cận đơn giản nhất cho vấn đề của bạn. Có các plugin nhỏ hơn có sẵn, nhưng chúng có xu hướng không hoạt động độc đáo trên tất cả các trình duyệt.

2

có một số gian lận để làm điều này bằng cách sử dụng jquery và html thông thường. đây là những gì tôi sử dụng trong dự án của tôi để tải lên một tập tin (giới hạn một) và chỉ sử dụng một nút và không có plugin nào dù nút của nó cần kiểu dáng.

HTML code

<form method="get" action="somephp.php"> 
       <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/> 
       <input type="submit" name="submit" style="margin-left: -88px"/> 
      </form> 

jquery:

<script> 
    function uploadChange(){ 
     $('input[type="submit"]').click(); 
    } 
</script> 
Các vấn đề liên quan