Mở cửa sổ trình duyệt trong IE trên đầu vào tập tin nhấp chuột

Question

Tôi đang gặp một số sự cố khi thực hiện thao tác nhập tệp theo cách tôi muốn. Phần tử tệp tồn tại 2 phần, trường văn bản và nút duyệt. Trong các trình duyệt khác, khi nhấp vào IE, một trong hai trình duyệt này sẽ mở ra một cửa sổ nơi bạn có thể chọn tệp của mình. Tuy nhiên, trong IE, nó chỉ mở khi tôi nhấp vào nút duyệt. Nếu tôi nhấp vào trường văn bản bên cạnh nó, tôi phải doubleclick để cửa sổ mở. Có cách nào để sửa lỗi này với javascript để một nhấp chuột duy nhất trên textfield cũng sẽ mở cửa sổ? Tôi đã thử những điều sau, nhưng nó không hoạt động. (Mã được nhiều đơn giản hóa từ ví dụ thực tế)

Html: <input id="file" name="file" type="file"/>

JS/jQuery:

$("#file").click(function(){ 
    $(this).trigger("dblclick"); 
}); 

$("#file").dblclick(function(){ 
    alert("Double"); 
}); 

Bây giờ mã trên cảnh báo "Double" nhưng không mở cửa sổ. Có cách nào để sửa lỗi này?

Xin cảm ơn trước.

Answer 1

Vì toàn bộ điều khiển có nguồn gốc trình duyệt (và không bao giờ được hiển thị dưới dạng nút hộp văn bản cộng), bạn chỉ cần không có quyền truy cập vào các phương thức/sự kiện sẽ cho phép bạn gọi nút tải lên. Tôi tin rằng điều này chủ yếu là để tránh các trang web lừa người dùng tải lên các tệp không có ý định.

Nếu bạn có thể dành chút thời gian để thực hiện giải pháp thay thế, this sẽ tạo một thành phần tải lên khá dễ dàng để quản lý dễ dàng hơn. Tôi chắc rằng một google nhanh sẽ liệt kê cho bạn nhiều ví dụ khác về cách tạo kiểu cho thành phần tải tệp lên.

Answer 2

Chỉ cần kiểm tra mã của bạn với JSFiddle trên IE6 (http://jsfiddle.net/SUWRK/) và, từ sự hiểu biết của tôi, nó hoạt động như bạn đang mong đợi ... Cảnh báo hiển thị trên một sự kiện nhấp chuột duy nhất (xin lưu ý rằng thật khó để bắt sự kiện dblclick trong IE < 9 - xem https://gist.github.com/399624).

Bạn có chắc chắn không có điều gì khác xảy ra với bộ mã lớn hơn không?