1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      微信小程序实现的图片保存功能示例

       更新时间£º2019年04月24日 12:01:22   作者£ºweixin_41991473   我要评论

      这篇文章主要介绍了微信小程序实现的图片保存功能,结合实例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函数图片保存功能相关使用技巧,需要的朋友可以参考下

      本文实例讲述了微信小程序实现的图片保存功能¡£分享给大家供大家参考£¬具体如下£º

      微信小程序保存图片分为?#35762;„¦?/p>

      1.下载文件资源到本地£¬客户端直接发起一个 HTTP GET 请求£¬返回文件的本地临时路径¡£

      即£º调用函数wx.downloadFile({})

      2.保存图片到系统相册¡£

      即£º调用函数wx.saveImageToPhotosAlbum({})

      具体代码如下£º

      .wxml

      <button data-image='{{图片路径}}' bindtap="saveImage" >保存图片</button>
      
      

      .js

      saveImage: function (e) {
           wx.downloadFile({
            url: 服务器Http请求 +图片路径,
             success: function (res) {
                var imageFilePath = res.tempFilePath;
                   if (!util.isNull(imageFilePath)) {
                    wx.saveImageToPhotosAlbum({
                    filePath: imageFilePath,
                    success: function (data) {
                    wx.showToast({
                    title: "保存成功",
                    })
                  }, fail: function (res) {
                 wx.showToast({
                title: "保存失败",
               })
              }
            })
            }
          },
         })
      },
      
      

      关于wx.downloadFile具体说明还可参考官方文档£ºhttps://developers.weixin.qq.com/miniprogram/dev/api/wx.downloadFile.html

      希望本文所述?#28304;?#23478;微信小程序开发有所帮助¡£

      相关文章

      • JS实现图片剪裁并预览效果

        JS实现图片剪裁并预览效果

        这篇文章主要为大家详细介绍了JS实现图片剪裁并预览效果£¬具有一定的参?#25216;?#20540;£¬感兴趣的小伙伴们可以参?#23478;?#19979;
        2016-08-08
      • 重学JS 系列£º聊聊继承(推荐)

        重学JS 系列£º聊聊继承(推荐)

        这篇文章主要介绍了JS继承£¬文中通过示例代码介绍的非常详细£¬?#28304;?#23478;的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面随着小编来一起学习学习吧
        2019-04-04
      • Bootstrap3 input输入框插入glyphicon图标的方法

        Bootstrap3 input输入框插入glyphicon图标的方法

        这篇文章主要介绍了Bootstrap3 input输入框插入glyphicon图标的方法的相关资料,需要的朋友可以参考下
        2016-05-05
      • js 字数统计£¬区分英汉

        js 字数统计£¬区分英汉

        hta实现的字数统计效果代码£¬中文算两个£¬英文算一个
        2008-02-02
      • nodejs win7下安装方法

        nodejs win7下安装方法

        ?#35009;词ÇNode.js?还服务器端javascript?对于这个?#25293;âO以?#36825;篇文章不做解释£¬可以自己去搜索了解下£¬服务器端js不是新技术£¬只是最近的node.js的火爆让他爆发了£¬?#19968;?#22312;以后的文章里解释?#35009;词Çnode.js
        2012-05-05
      • JavaScript中的闭包介绍

        JavaScript中的闭包介绍

        这篇文章主要介绍了JavaScript中的闭包介绍,本文讲解了Javacript 闭包¡¢Javscript 闭包与this¡¢Javscript 闭包与?#21015;?#21464;量等内容,需要的朋友可以参考下
        2015-03-03
      • layui table设置前台过滤转义等方法

        layui table设置前台过滤转义等方法

        今天小编就为大家分享一篇layui table设置前台过滤转义等方法£¬具有很好的参?#25216;?#20540;£¬希望?#28304;?#23478;有所帮助¡£一起跟随小编过来看看吧
        2018-08-08
      • js获取url参数代码实例分享(JS操作URL)

        js获取url参数代码实例分享(JS操作URL)

        这篇文章主要介绍了js分析url获取url参数£¬可以获取?前面部分¡¢#及后面部分£¬大家看代码吧
        2013-12-12
      • js中document.write和document.writeln的区别

        js中document.write和document.writeln的区别

        这篇文章主要介绍了js中document.write和document.writeln的区别,需要的朋友可以参考下
        2018-03-03
      • IE中图片的onload事件无效问题和解决方法

        IE中图片的onload事件无效问题和解决方法

        这篇文章主要介绍了IE中图片的onload事件无效问题和解决方法,这是一个很经典的问题,其实只需要调换一下代码顺序即可解决,需要的朋友可以参考下
        2014-06-06

      最新评论

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>