Comment puis-je créer un lien de téléchargement d'image en HTML pour une page mobile?

J'ai un mobile de la page html qui contient des images. Je veux créer un bouton ou un lien qui est utilisé pour le téléchargement d'une image. L'image doit alors être sauvegardé pour les utilisateurs mobiles de la galerie d'image.

J'ai vu ce post: Comment puis-je créer un lien de téléchargement dans le html?

La solution

<a href="link/to/your/download/file" download="filename">Download link</a>

fonctionne dans les navigateurs de bureau, mais pas sur mobile.

Ici est un JSFiddle j'ai fait: http://jsfiddle.net/tDVqH/4/

Remarque: L'image est créée dans le navigateur, c'est à dire, dans un élément HTML5 canvas. Cette image peut être généré avec la toile.toDataUrl(). L'image qui en résulte doit être enregistré dans le mobile galerie d'image.

Comment pouvez enregistrer une image aux utilisateurs mobiles de galerie d'image avec un clic/tap? Est-il une solution sans JavaScript le ser aller-retour avec un inconnu l'en-tête?

Edit: j'ai aussi trouvé les questions suivantes, mais ils n'ont pas de réponse. Enregistrer une image dans le dossier local à partir du site web en cliquant sur un lien ou un bouton dans le navigateur mobile et Enregistrer une image à un téléphone mobile de la galerie à partir d'un navigateur

source d'informationauteur confile

  1. 4

    Quelqu'un semble avoir déjà répondu à cette,

    <a href="/path/to/image" download="ImageName" title="ImageName">
    <img src="/path/to/image" alt="ImageName">
</a> It's not yet fully supported http://caniuse.com/#feat=download, but you can use with modernizr

    http://modernizr.com/download/#-a_download (Non-core détecte)
    support de tous les navigateurs.

    N'ai pas testé, mais devrait fonctionner dans les mobiles.

    Je voudrais ajouter que, comme une solution côté serveur, vous pouvez également ajouter des en-Têtes de Réponse à votre téléchargement de point de terminaison par

    • La configuration d'apache (.htaccess) /nginx configuration
    • Droit à partir du code
  2. 1

    Utilisation de html5, télécharger en tant qu'attribut de la solution ci-dessus par @theunexpected1. Pour les navigateurs qui ne supportent pas, supprimer Un tag pour forcer l'utilisateur de faire un clic droit ou appuyez longuement sur pour télécharger

    <script>
var downloadAttrSupported = ("download" in document.createElement("a"))
if (!downloadAttrSupported){
   $('img.media').unwrap();
}
</script>
  3. 0

    Soutien pour télécharger attribut: http://caniuse.com/download

    Vous pouvez définir des en-têtes sur le serveur, si c'est une option pour vous. L'en-tête HTTP que vous souhaitez envoyer est Content-Disposition: attachment; filename="imagename.jpg".

    Diffère en fonction de votre serveur..

    Dans Node/Express:

    //only on imgs
function(req, res){
    res.setHeader('Content-disposition', 'attachment; filename=imagename.jpg');
}

    Dans le code HTML:

    <a href="imagename.jpg">Download link</a>

    Serveur envoie-tête Content-Disposition lorsqu'il reçoit la demande pour le fichier et forcer les navigateurs à télécharger.

  4. -1

    La force de téléchargement pour les fichiers généralement ouvert par le navigateur peut être fait avec le .htaccess dans le répertoire où vos images sont.

    Il lui a été répondu précédemment ici:

    La Force d'un fichier ou l'image pour télécharger l'aide .htaccess

    Je n'ai pas testé, donc ne sais pas si il fonctionne avec les navigateurs mobiles.