Fallback para FormData en IE 8/9

Question

FormData no existe en IE 8/9 pero necesito esa funcionalidad en esos navegadores. ¿Hay una buena alternativa para esto?

Intentaré enviar datos JSON, pero necesito pasar un archivo al servidor. Añado este archivo al formData en los navegadores modernos y solo presento una solicitud XHR. Como FormData no existe en IE 8/9, esto obviamente falla.

// I cant seem to get this to work with a file. 
$.ajax({ 
    url: '/genericHandlers/UploadDocsFile.ashx', 
    type: "POST", 
    data: model.toJSON(), 
    contentType: 'application/json' 
    }).done(function (data) { 
     log('stuff happened!'); 
    }); 

¿Quizás una alternativa sea crear un objeto de formulario falso en js y luego anexar los datos a eso?

Answer 1

Conozco solo una posible solución, pero en realidad no es un repliegue de 1-1 para IEs. No hay una API de comunicación posible para enviar archivos, porque no puede enlazar campos de entrada en navegadores antiguos, como en los modernos que usan FormData. Pero puede enviar formularios completos utilizando un iframe. Para este caso, puede usar el complemento jquery.form que admite XHR DataForm e iframe (los envíos de datos con iframe cuando el navegador no admite la API de FormData).

Answer 2

Puede enviar el archivo manualmente usando XMLHttpRequests, hay mucha información en este here.

Se podría comprobar si el navegador puede utilizar el objeto FormData primero con:

if(typeof FormData !== 'undefined') 
    ... 

MDN tiene un this function que se podría modificar para el retorno:

var XHR = new XMLHttpRequest(); 
var urlEncodedData = ""; 
var urlEncodedDataPairs = []; 
var name; 

// We turn the data object into an array of URL encoded key value pairs. 
for(name in data) { 
    urlEncodedDataPairs.push(encodeURIComponent(name) + '=' + encodeURIComponent(data[name])); 
} 

// We combine the pairs into a single string and replace all encoded spaces to 
// the plus character to match the behaviour of the web browser form submit. 
urlEncodedData = urlEncodedDataPairs.join('&').replace(/%20/g, '+');