De secours pour FormData dans IE 8/9

FormData n'existe pas dans IE 8/9 mais j'ai besoin de cette fonctionnalité dans les navigateurs. Est-il agréable de secours pour cela?

Je voudrais essayer d'envoyer plus de données json, mais j'ai besoin de passer sur un fichier sur le serveur. J'ai ajouter ce fichier à la formData dans les navigateurs modernes et il vous suffit de soumettre une XHR demande. Parce que FormData n'existe pas dans IE 8/9 de toute évidence, cela échoue.

//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!');
    });

Peut-être une alternative est de créer un faux objet de formulaire en js puis ajouter les données à qui?

  • Aimerais un polyfill pour la fenêtre.FormData méthode.
  • Alors je vous présente un nouveau FormData polyfill dépendent Encore de la construction de gouttes malheureusement... Peut-être que vous pouvez utiliser aussi ceci: Blob.js. Pour lire un fichier, vous devez disposer de flash
InformationsquelleAutor Mike Fielden | 2012-06-01
  1. 8

    Je ne connais qu'une seule solution possible, mais ce n'est pas vraiment 1-1 secours pour IEs. Il n'y a pas de communication possible API pour l'envoi de fichiers, parce que vous ne pouvez pas lier les champs de saisie dans les anciens navigateurs, comme dans un cadre moderne à l'aide de FormData. Mais vous pouvez envoyer le formulaire à l'aide d'un iframe. Pour ce cas vous pouvez utiliser jquery.formulaire plugin qui prennent en charge XHR DataForm et iframe (données envoie avec iframe lorsque le navigateur ne FormData prise en charge des API).

    InformationsquelleAutor Dmitry Polushkin
  2. 4

    Vous pouvez envoyer le fichier manuellement à l'aide de XMLHttpRequests, il y a beaucoup d'informations sur ce ici.

    Vous pouvez tester si le navigateur peut utiliser FormData premier objet avec:

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

    MDN a un cette fonction qui vous pourriez modifier pour la solution de repli:

    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, '+');
    • Vraiment? Comme par en.wikipedia.org/wiki/XMLHttpRequest#History_and_support Microsoft a ajouté de l'objet XMLHttpRequest identificateur de ses langages de script dans Internet Explorer 7.0, publié en octobre 2006.
    • Le concept peut être appliqué à IE 5&6 avec ActiveXObjects si vous avez vraiment voulu ainsi
    InformationsquelleAutor 99 Problems - Syntax ain't one
  3. 0

    Cette réponse n'est pas strictement adresse de la question, et pour cette raison, je comprends, si les Mods vais l'enlever.

    Cependant, votre question était étroitement liée à un problème que j'ai été la recherche de ce qui est comment offrir de faire glisser et déposer des téléchargements via FormData() avec la dégradation gracieuse pour les anciens navigateurs?

    Il y a une magnifique bibliothèque appelée dropzone.js qui offre une parfaite solution à mon problème. Peut-être la meilleure partie est que la bibliothèque dispose de dehors-de-le-boîte de dégradation gracieuse à l'appui de l'upload de fichiers sur les navigateurs plus anciens, comme détaillé ici.

    Pour paraphraser la source:

    Heureusement, si le navigateur n'est pas pris en charge, le dropzone.js bibliothèque montre personnalisable de secours classe qui contient un champ de saisie et un bouton envoyer.

    J'espère que cette information aide à quelqu'un qui, comme moi, recherche pour un simple à mettre en œuvre et solution élégante pour les uploads de fichier.

    InformationsquelleAutor Jade Steffen