Cách phát hiện loại đầu vào = tệp "thay đổi" cho cùng một tệp?

Question

Tôi muốn kích hoạt sự kiện khi người dùng chọn tệp. Làm như vậy với sự kiện .change nó hoạt động nếu người dùng thay đổi tệp mỗi lần.

Nhưng tôi muốn kích hoạt sự kiện nếu người dùng chọn lại cùng một tệp.

1. tài chọn tập tin A.jpg (cháy sự kiện)
2. tài chọn tập tin B.jpg (cháy sự kiện)
3. tài chọn tập tin B.jpg (sự kiện không cháy, tôi muốn nó bắn)

Tôi có thể làm như thế nào?

Answer 1

Bạn có thể đánh lừa nó. Xóa phần tử tệp và thêm phần tử đó vào cùng một vị trí trên sự kiện change. Nó sẽ xóa đường dẫn tập tin làm cho nó thay đổi mọi lúc.

Example on jsFiddle.

Hoặc bạn chỉ có thể sử dụng .prop("value", ""), xem this example on jsFiddle.

• jQuery 1.6 + prop
• phiên bản trước attr

Hoặc sử dụng .val("")

Answer 2

Bạn không thể thực hiện change lửa tại đây (hành vi đúng, vì không có gì thay đổi). Tuy nhiên, bạn có thể ràng buộc click là tốt ... mặc dù điều này có thể bắn quá thường ... không có nhiều mặt đất trung gian giữa hai mặc dù.

$("#fileID").bind("click change", function() { 
    //do stuff 
}); 

Answer 3

tôi để làm việc này bằng cách xóa các giá trị đầu vào tập tin onClick và sau đó đăng file onChange. Điều này cho phép người dùng chọn cùng một tệp hai lần liên tiếp và vẫn có sự kiện thay đổi để đăng lên máy chủ. Ví dụ của tôi sử dụng the jQuery form plugin.

$('input[type=file]').click(function(){ 
    $(this).attr("value", ""); 
}) 
$('input[type=file]').change(function(){ 
    $('#my-form').ajaxSubmit(options);  
}) 

Answer 4

Công việc này đối với tôi

<input type="file" onchange="function();this.value=null;return false;"> 

Answer 5

Nếu bạn đã thử .attr("value", "") và đã không làm việc, đừng hoảng sợ (như tôi đã làm)

chỉ làm .val("") thay vào đó, và sẽ làm việc fine

Answer 6

Nếu bạn không muốn sử dụng jQuery

<form enctype='multipart/form-data'> 
    <input onchange="alert(this.value); return false;" type='file'> 
    <br> 
    <input type='submit' value='Upload'> 
</form> 

Nó hoạt động tốt trong Firefox, nhưng đối với Chrome, bạn cần phải thêm this.value=null; sau khi thông báo.

Answer 7

Bạn có thể sử dụng form.reset() để xóa danh sách files của tệp nhập. Điều này sẽ đặt lại tất cả các trường thành giá trị mặc định, nhưng trong nhiều trường hợp, bạn có thể chỉ sử dụng kiểu nhập = 'tệp' trong biểu mẫu để tải lên tệp. Trong giải pháp này không cần sao chép thành phần và tái móc các sự kiện một lần nữa.

Nhờ philiplehmann

Answer 8

Vâng, tôi đã gặp phải vấn đề tương tự. Tôi đã sử dụng sự kiện "đầu vào" (hoặc đầu vào) thay vì thay đổi và nó hoạt động như sự quyến rũ.

Answer 9

Bạn chỉ có thể đặt thành null đường dẫn tệp mỗi lần người dùng nhấp vào điều khiển. Bây giờ, ngay cả khi người dùng chọn cùng một tệp, sự kiện onchange sẽ được kích hoạt.

<input id="file" onchange="file_changed(this)" onclick="this.value=null;" type="file" accept="*/*" />