L'ancre de Propriété de Téléchargement ne fonctionne pas sur certaines pages (Gmail)?

Je veux insérer cet élément HTML en quelques pages:

<a download="somedata.csv"
   id="downloadLink"
   href="data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333"
>
    Click Me
</a>

Dans toutes les pages, lorsque je modifie le dom via un plugin ou manuellement des éléments dans l'inspecteur, d'inclure cet élément à la page du dom, il fonctionne très bien !

Mais, si je fais la même chose dans Gmail pages, le fichier généré n'est pas nommé "somedata.csv" et l'extension est perdu "csv" !

J'ai essayé ceci dans un fichier local dans le fichier téléchargé vers localhost, et dans de nombreux autres pages du site, il fonctionne dans tous, sauf pour Gmail pages.

Pourquoi il ne fonctionne pas dans Gmail pages ? Et comment résoudre ce problème ?

  • Selon cette page, l'extenstion va sur la fin de la href non pas à l'intérieur de la propriété de téléchargement: davidwalsh.nom/download-attribut
  • Mais le href de la valeur, dans mon cas, n'est pas de données d'un fichier.
  • c'est le même problème sur Facebook les pages de trop, le fichier de téléchargement attribut est ignoré
InformationsquelleAutor Ashraf Bashir | 2012-12-17
  1. 5

    Pour ceux qui sont intéressés, je l'ai résolu en utilisant Javascript/Ajax, voici la solution:

    Voici la fonction:

    var downloadDataURI = function($, options) {
    if(!options)
        return;
    $.isPlainObject(options) || (options = {data: options});
    if(!$.browser.webkit) 
        window.location = options.data;
    options.filename || (options.filename = "download." + options.data.split(",")[0].split(";")[0].substring(5).split("/")[1]);
    options.url || (options.url = "http://download-data-uri.appspot.com/");
    $('<form method="post" action="'+options.url+'" style="display:none"><input type="hidden" name="filename" value="'+options.filename+'"/><input type="hidden" name="data" value="'+options.data+'"/></form>').submit().remove();
}

    Et voici comment l'appeler:

    downloadDataURI($, {filename: "test.csv",data:"data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333"});
    • nom de fichier n'est pas honoré par ni firefox sur ubunto ou firefox sur win8
    • Ne fonctionne pas dans IE10. $.browser.webkit n'est pas vrai, donc window.location est défini, et IE n'affiche Page web ne peut pas être affiché".
    InformationsquelleAutor Ashraf Bashir
  2. 2

    En Chrome avec JQuery, j'ai essayer cette approche:

    var dataUri = "data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333"
var filename = "somedata.csv"

$("<a download='" + filename + "' href='" + dataUri + "'></a>")[0].click();

    J'ai créé un temp lien et déclencheur d'événement click sur elle.
    mais vous ne savez pas si d'autres navigateurs fonctionnent ou pas.

    • Fonctionne très bien sur Chrome. Avez-vous réussi à trouver une solution pour firefox?
    • ajoutant à l'organisme résout le problème sur firefox, voir stackoverflow.com/questions/27814048
    InformationsquelleAutor Wilfred