jQuery не работает в IE11, но работает в Chrome

Question

У меня проблема с jQuery. Когда я загружаю изображение в Chrome, он успешно выполняет AJAX, и я могу обновить страницу с данными ответа. Но в IE 11 и Firefox это не так. Код:

$(".newfoto").on('submit', (function(e) { 
    $("#mailresult").html('<img src="themes/standart/iconss/spin1.gif" alt="loading..." /><p>Please, wait...</p>'); 
    e.preventDefault(); 
    $.ajax({ 
     url: "dataok.php?act=foto", 
     type: "POST", 
     data: new FormData(this), 
     contentType: false, 
     cache: false, 
     processData: false, 
     success: function(data) { 
      $("#mailresult").html(data); 
      setTimeout(function() { 
       $("#mailresult").empty(); 
      }, 2000); 
      var imgTag = '<img src="image.php?imgid=' + escape($('.myphoto').attr('id')) + '" />'; 
      $('.myphoto').html(imgTag); 
     }, 

     error: function() {} 

    }); 
})); 

Answer 1

правильный способ предотвратить форму от отправки и перезагрузки страницы, чтобы использовать return false; в конце функции представить. Это также заменит e.preventDefault(); в вашем коде.

Также FormData не поддерживается во всех браузерах. См. https://stackoverflow.com/a/2320097/584192. Возможно, вам придется обнаружить и обходным путем.

$(".newfoto").on('submit', function(e) { 
    $("#mailresult").html('<img src="themes/standart/iconss/spin1.gif" alt="loading..." /><p>Please, wait...</p>'); 
    $.ajax({ 
     url: "dataok.php?act=foto", 
     type: "POST", 
     data: (typeof FormData === 'function') ? new FormData(this) : $(this).serialize(), 
     contentType: false, 
     cache: false, 
     processData: false, 
     success: function(data) { 
      // success 
     }, 
     error: function(jqXHR, status, error) { 
      console.log(error); 
     } 
    }); 
    return false; 
});