非表示の iframe を使用してファイルをアップロードしようとしていますが、スクリプトは IE(9) を除くすべてのブラウザーで実行されます。
- ユーザーがリンクをクリックする
- リンクはファイル入力をトリガーして開く
- ファイル入力の変更によりフォーム送信がトリガーされる
- フォームが iframe に送信される
IE9 開発者ツールは、次のエラー メッセージを返します。
SCRIPT5: Access is denied.
jquery-latest.js, line 2977 character 6
辺りを見回すと、jQuerychange()
イベントと並行して発生するエラーのようです。それは簡単な解決策であるに違いないことはかなり確かです...助けていただければ、どうもありがとうございます!
HTML
<form class="hidden" action="index.php?upload" method="POST" id="myForm" enctype="multipart/form-data" target="hidden_iframe">
<input type="file" name="userfile" id="userFile">
<input type="submit">
</form>
<iframe id="hidden_iframe" class="hidden" name="hidden_iframe" src="inc/temp.html"></iframe>
Javascript
$('#fake').on("click",function(e){
e.preventDefault();
$('#userFile').click();
return false;
});
$('#real').on("change",function(e){
e.preventDefault();
$("#myForm").submit();
});