IE9 input file wyzwalanie za pomocą JavaScript

Question

miałem post tutaj:

.change acting weird in IE9

Mam jednak napotkasz nowego zdarzenia dotyczące obchodzenia formularza upload plików i był ciekaw, czy ktoś prowadzi do tego problemu .

Mój pierwotny problem polegał na tym, że nie mogłem uruchomić zdarzenia onchange i pomyślałem, że to może być problem z moim javascriptem, ale odkryłem, że ma to związek ze sposobem aktywacji formularza.

Mam plik wejściowy

<input type="file" name="abc"/> 

teraz robiłem 2 rzeczy.

Ukryłem dane wejściowe i utworzyłem przycisk (dla lepszej kontroli stylów), który aktywuje wejście.

<button id="mybutton">click to upload a pic</button> 
<input type="file" name="abc"/> 

a następnie JS dla interakcji między nimi:

$("#mybutton").click(function() { 
    $("Input[type=file]").click() 
}; 

i oczywiście złożyć na formularzu (używam rodzica w tym przykładzie, ale w moim rzeczywisty kod używam id formularza).

$("input[type=file]").change(function() { 
    $(this).parent().submit(); 
}); 

Kiedy klikam „myButton” oczekiwany wynik nie występują moje okno przeglądania otwiera i pozwala mi wybrać plik z mojego komputera. Również po zmianie pliku we wszystkich przeglądarkach innych niż IE uruchamiane jest zdarzenie onchange. Teraz, jeśli odkryję formularz i ręcznie kliknij przycisk "przeglądaj" i wybierz plik, w którym uruchamiane jest zdarzenie onchange. Zasadniczo przeglądarka traktuje kliknięcie przycisku pliku rzeczywistego inaczej niż robi $ ("input [type = file]"). Click()

ktoś wie jak to naprawić?

Answer 1

Jak wcześniej wspomniano, IE jest bardzo rygorystyczne przy przesyłaniu formularza zawierającego plik inp Uts. Pliki wejściowe muszą być uruchamiane za pomocą kliknięcia myszką, aby umożliwić przesłanie formularza. Dodatkowo wydaje się, że występuje błąd w IE9 i plikach wejściowych.

Dobrą wiadomością jest to, że istnieje sposób na ominięcie ograniczeń zabezpieczeń z IE przy użyciu etykietę:

1. Tworzenie regularnych znacznik label połączony do wejścia plików. Etykieta uruchomi plik wejściowy tak jak zwykle.
2. Ukryj etykietę jako przycisk za pomocą CSS.
3. Wejście do pliku musi być wyświetlone (dla IE8), ale można je ukryć przy użyciu "widoczności: ukryta". IE8 zaakceptuje ten hack.

Answer 2

Jeśli się nie mylę, nie można tego zmienić, ponieważ jest to (pierwotnie miało to na celu chronić prywatność użytkowników, unikając w ten sposób przesyłania plików bez wyraźnej zgody/działania użytkownika.

Answer 3

1. upewnić się, że kod jest w $("document").ready(function(){... here..});

2. wydaje wejść plików podczas przewodowy z .live("change", function(){}); dont dość dobrze

drugiej stylizacji rzeczy jest coś innego, ale ISN CSS” Wszystko to komplikuje - beautiful file upload