javascript - 输入类型 =“文件”.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() {