Question

这是我目前的代码，用于上传和发布数据到模态窗口。在IE 10，Chrome，Firefox，Opera中，它可以正常工作...除了它在IE中不起作用＆lt; 10.有任何想法我应该如何解决这个“错误”或我怎么说它。

$(document).ready(function () {
   $("form[id='form']").submit(function(e) {
      var formData = new FormData($(this)[0]);
      $('#myModal').modal('show');   
      $.ajax({
         url: "home/add_store/post",
         type: "POST",
         data: formData,
         async: false,
         success: function (data) {
            $('#body').html(data);
         },
         cache: false,
         contentType: false,
         processData: false
      });
      e.preventDefault();
   });
});

在网上我发现有关FormData的信息并不真正支持IE＆lt; 10，有什么办法可以使用吗？

Answer 1

找到适用于旧版浏览器的解决方案。我使用jquery表单脚本。这是代码：

<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="myfile" multiple><br>
<input type="text" name="text"><br>
<input type="submit" value="Upload File to Server">
</form>
<div id="status"></div>

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>

$('form').ajaxForm({
    complete: function(xhr) {
        $('#status').html(xhr.responseText);
    }
}); 

</script>

jquery通过ajax上传和发布数据

1 个答案: