これは私を狂わせてきました。IE8を除くすべてで動作します:(ファイル選択が表示されます(非画像はIE8で除外されませんが、それは別の問題です)が、画像を選択するとアップロードスクリプトが起動されず、何もアップロードされません.
$("body").addClass("loading"); 起動されます(これは読み込みモーダルです)ので、image-upload.phpがいつ実行されないかわかりません。
ありがとうございます:)
Javascript:
var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
var fileInput = $('#file').wrap(wrapper);
$('.chooseFile').click(function(){
fileInput.click();
}).show();
$(document).ready(function() {
fileInput.change(function ()
{
$("body").addClass("loading");
//uploadImg.submit();
$('#uploadImg').submit();
this.blur();
this.focus();
});
});
HTML
<form name="uploadImg" id="uploadImg" action="image-upload.php" method="post" enctype="multipart/form-data" class="btnFile">
<div class="chooseFile">Choose File</div>
<input type="file" id="file" name="file" value="Select File to Upload" accept="image/*">
</form>