2013-09-04 90 views
6

Trong biểu mẫu, tôi có tệp nhập bằng skin và jss và nút gửi.IE10 - Phải nhấp 2 lần để gửi biểu mẫu sau khi chọn tệp để tải lên

<form action="#" method="POST"> 
    <input style="width:150px" type="hidden" name="MAX_FILE_SIZE" value="40000"/> 
    <div class="l-input-file"> 
    <input style="margin-bottom: 0px" type="file" id="myInput" name="myInput" size="16" /> 
    </div> 
    <div><button type="submit" class="btn-black">Continuer</button></div> 
</form> 

http://jsfiddle.net/CsL9t/

Vấn đề ở đây chỉ xuất hiện trên IE10: Sau khi một tập tin đã được chọn vào nút gửi phải nhấp 2 lần để có thể gửi biểu mẫu.

Tôi đã cố gắng tập trung vào nút khi thay đổi đầu vào của tệp nhưng không hiệu quả.

tôi đã cố gắng kích hoạt các nhấp chuột sử dụng jQuery,

jQuery('#myInput').parents('form').find("button[type='submit']").click(); 

nhưng tôi nhận được 2 lần so với thông báo 'access denied' trước khi trình lần thứ ba.

Mọi đầu vào hoặc lời khuyên sẽ được đánh giá cao. Cảm ơn

+1

'$ input.trigger ('click');' là vấn đề. Kích hoạt sự kiện nhấp chuột trên đầu vào tệp sẽ làm mờ đầu vào tệp trong IE. – Musa

+0

Chính xác thì bạn có ý nghĩa gì? – svassr

+0

Cảm ơn @Musa. Thật vậy, tôi gỡ bỏ kích hoạt bấm vào tập tin đầu vào và chỉ để cho nó qua nút mới với '' 'opacity: 0;' '' – svassr

Trả lời

5

$input.trigger('click'); là nguyên nhân khiến lỗi truy cập bị từ chối.
Kích hoạt sự kiện nhấp chuột trên đầu vào tệp sẽ làm mờ đầu vào tệp trong ngăn chặn IE (ở một mức độ nào đó) bạn gửi biểu mẫu hoặc sử dụng biểu mẫu với đối tượng FormData.

Xem thêm getting access is denied error on IE8

+0

Cảm ơn bạn rất nhiều ... !! – dalgard