输入类型=“文件” .submit（）不起作用IE8

Question

一直让我发疯。 可以使用所有内容，但是... 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>

Answer 1

您需要使用

var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
var fileInput = $('#file').wrap(wrapper);
$('.chooseFile').click(function(){
 fileInput.click();
}).show();

内

$(document).ready(function() {