• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 浅谈小程序中实现图片下载功能的方法

浅谈小程序中实现图片下载功能的方法

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了小程序,图片下载功能等相关知识,希望对您有所帮助

浅谈小程序中实现图片下载功能的方法


小程序图片下载

在开发小程序中,有时候在小程序中有很多漂亮的图片,用户想要下载,但是长按保存没效果,截图?又显得太low,所以,给用户个好的体验,给用户进行图片下载的功能。

如下所示,在页面触发这个方法就可以,红色区域的就是图片的路径。


浅谈小程序中实现图片下载功能的方法


效果图如下:


浅谈小程序中实现图片下载功能的方法


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);                        }                    })                }            });        }    });}


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 小程序如何获取input标签的值
  • 手把手教你在微信小程序中使用canvas绘制天气折线图(附代码)
  • 微信小程序页面向下滚动时tab栏固定页面顶部实例讲解
  • uniapp实现微信小程序全局分享的示例代码
  • 手把手教你怎么在小程序中使用字体图标
  • 浅析微信小程序中自定义组件的方法
  • 小程序学习之浅析image标签、swiper组件
  • 浅析小程序怎么动态制作小程序码
  • 浅谈小程序中实现图片下载功能的方法
  • 微信小程序发布新版本时自动提示用户更新的方法

相关文章

  • 2022-04-29Linux怎么查看程序是否在运行状态
  • 2022-04-29聊聊从H5页面跳转到小程序的几种实现方案
  • 2022-04-29PS+AI设计制作复古的霓虹灯字体效果教程
  • 2022-04-29PHP怎么遍历数组替换数组中的元素的值
  • 2022-04-29百度统计、cnzz刷搜索词和来路链接原理,统计工具推广广告方法
  • 2022-04-29使用宝塔 Linux 面板快速迁移网站
  • 2022-04-29浅析EOS区块链柚子钱包前端插件scatter开发
  • 2022-04-29最新织梦漏洞,首页head之间被篡改加入异常代码解决办法
  • 2022-04-29vue中query和params的区别是什么
  • 2022-04-29详解php中函数的引用传递和返回 (附代码)

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • PhotoShop CS5打造木栈道婚纱外景照片后期合成教程
    • Javascript怎么删除对象的属性
    • Vue3.0 新特性以及使用总结
    • DEDECMS注册成功页面加入马上激活链接转向注册邮
    • PHP如何重定向?浅谈跳转页面的3种方法
    • 使用Vue、Three.js实现全景图
    • Discuz论坛更换域名,详细文件修改步骤
    • html5的drag和drop的用法示例
    • Bootstrap中switch的用法是什么
    • 如何修改织梦5.7版上一页下一页文字和长度

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有