Une brève discussion sur la façon d'implémenter la fonction de téléchargement d'images dans les mini-programmes

青灯夜游
Libérer: 2021-06-01 09:15:24
avant
7685 Les gens l'ont consulté

Une brève discussion sur la façon d'implémenter la fonction de téléchargement d'images dans les mini-programmes

Téléchargement d'images de mini-programmes

Lors du développement de mini-programmes, il y a parfois de nombreuses belles images dans le mini-programme que les utilisateurs souhaitent télécharger, mais Un appui long pour enregistrer n'a aucun effet. Faire une capture d'écran ? Il semble également trop bas, alors offrez aux utilisateurs une bonne expérience et la fonction de téléchargement d'images.

Comme indiqué ci-dessous, vous pouvez déclencher cette méthode sur la page. La zone rouge est le chemin de l'image.

Une brève discussion sur la façon dimplémenter la fonction de téléchargement dimages dans les mini-programmes
Le rendu est le suivant :
Une brève discussion sur la façon dimplémenter la fonction de téléchargement dimages dans les mini-programmes

 bindseaveimage:function(){
    wx.getImageInfo({
      src: this.data.imagecode,//这里放你要下载图片的数组(多张) 或 字符串(一张) 下面代码不用改动
      success: function (ret) {
        var path = ret.path;
        wx.saveImageToPhotosAlbum({
          filePath: path,
          success(result) {
            console.log("成功");
            wx.hideLoading();
            wx.showToast({
              title: '下载图片成功',
              duration: 2000,
              mask: true,
            });
          },
          fail(result) {
            console.log("失败,你取消了" + JSON.stringify(result))
            console.log(path);
            wx.openSetting({
              success: (res) => {
                console.log(res);
              }
            })
          }
        });
      }
    });
  }
Copier après la connexion

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!