Wie man neue FormData() Arbeiten an IE-Browsern

Question

Wie kann ich dies am IE arbeiten lassen? Dies funktioniert nicht auf IE, neue FormData() api wird nicht von IE-Browsern unterstützt, gibt es eine andere API äquivalent zu neuen FormData() in IE?

var fd = new FormData(); 
fd.append("userfile", $("#userfile")[0].files[0]); 

$.ajax({ 
    url : '/user/ajax_upload/', 
    type: 'POST', 
    contentType:false, 
    cache: false, 
    data: fd, 
    processData: false, 
    beforeSend :function(){ 
    }, 
    success : function(data) { 
     $('#popupbox').html(data); 
    } 
}); 

Answer 1

Es ist besser jquery Form Js für Bilder über Ajax zu verwenden einreichen. Ich fand es besser als FormData()

<script type="text/javascript" src="/js/jquery.form.js"></script> 

function update_professional_details(){ 
    var options = { 
       url  : '/validateform/personal', 
       type : $("#personal_edit_form").attr('method'), 
       dataType: 'json', 
       success:function(data) { 
        var msg = data.msg; 
        if(data.status == 'success'){ 
         $("#msg_data").html("Updated successfully, redirecting...") 
         $("#personal_edit_form").submit(); 
        }else{ 
         $('p[class$="_error2"]').html(''); 
         var msg = data.msg; 
         $.each(msg, function(k, v) { 
          $('.'+k+'_error2').html(v); 
         }); 
        } 
       }, 
      }; 
      $('#personal_edit_form').ajaxSubmit(options); 
       return false; 
     } 

    $('#updatepersonal').click(function(){ 
     update_professional_details(); 
      return false; 
    }); 

Answer 2

AFAIK ist es nur in IE9 + möglich. Um die Datei 'ajax like' hochzuladen, sollten Sie iframe trick dafür verwenden. ich verwenden, dass als Quelle bei der Umsetzung es:

http://ramui.com/articles/ajax-file-upload-using-iframe.html

Answer 3

Offenbar wird nicht in Formdata IE unterstützt. Sie können jedoch in der Lage, wie so jQuery serialize zu verwenden:

 var FD = $('form').serialize(); 

Answer 4

Eigentlich i eine Änderung zu meinen Code gemacht Lage sein $ Schnipsel in allen anderen Browsern zu bedienen ist und nur ein iframe für den IE-Browser wie diese.

mailer.php

<!--[if IE]> 
    <iframe src="form.php"></iframe> 
<![endif]--> 

<![if !IE]> 
<script> 
    $(document).ready(function() { 
     //Program a custom submit function for the form 
     $("#form").submit(function(event){ 

      //disable the default form submission 
      event.preventDefault(); 

      //grab all form data 
      var formData = new FormData($(this)[0]); 

      $.ajax({ 
      url: $("#form").attr('action'), 
      type: 'POST', 
      data: formData, 
      async: false, 
      cache: false, 
      contentType: false, 
      processData: false, 
      success: function (returndata) { 
       alert(returndata); 
      } 
      }); 

      return false; 
     }); 
    }); 
</script> 

<?php include_once ('form.php'); ?> 

<div id="email-success"></div> 
<![endif]> 

form.php

<form id="form" action="form-exec.php" target="_self" method="post" enctype="multipart/form-data"> 
    <input type="text" name="email-to" value="" /> 
    <input type="text" name="email-subject" value="" /> 
    <input type="text" name="email-message" value="" /> 
    <input type="file" name="file" /> 
    <input type="file" name="file2" /> 
    <button type="submit" name="email-send">Skicka</button> 
</form> 

und die form exec.php ist, in meinem Fall, mein PHPmailer Absender!