广告
返回顶部
首页 > 资讯 > 精选 >微信小程序图片的保存方法
  • 478
分享到

微信小程序图片的保存方法

2024-04-02 19:04:59 478人浏览 泡泡鱼
摘要

微信小程序图片的保存方法:1、下载文件资源到本地。2、保存图片。具体操作步骤:下载文件资源到本地:客户端直接发起一个 Http get 请求,返回文件的本地临时路径。即:调用函数wx.downloadfile({})保存图片到系统相册。即:

微信小程序图片的保存方法:1、下载文件资源到本地。2、保存图片。

微信小程序图片的保存方法

具体操作步骤:

下载文件资源到本地:客户端直接发起一个 Http get 请求,返回文件的本地临时路径。

即:调用函数wx.downloadfile({})

保存图片到系统相册。

即:调用函数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: "保存失败",

})

}

})

}

},

})

},

--结束END--

本文标题: 微信小程序图片的保存方法

本文链接: https://www.lsjlt.com/news/110578.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序图片的保存方法
    微信小程序图片的保存方法:1、下载文件资源到本地。2、保存图片。具体操作步骤:下载文件资源到本地:客户端直接发起一个 http get 请求,返回文件的本地临时路径。即:调用函数wx.downloadfile({})保存图片到系统相册。即:...
    99+
    2022-10-09
  • 微信小程序图片转base64的方法
    微信小程序图片转base64的方法 :1、新建小程序,将图片拷贝到目录。2,直接用readFileSync进行编码转化。3,运行以后图片就转成base64。具体操作步骤:首先新建小程序并把图片拷贝到目录,如下图所示:然后用readFileS...
    99+
    2022-10-03
  • 微信小程序API绘图导出图片的方法
    这篇文章主要介绍“微信小程序API绘图导出图片的方法”,在日常操作中,相信很多人在微信小程序API绘图导出图片的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序API绘图导出图片的方法”的疑惑有所...
    99+
    2023-06-26
  • 微信小程序页面中如何实现保存图片
    小编给大家分享一下微信小程序页面中如何实现保存图片,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 背...
    99+
    2022-10-19
  • uni-app 微信小程序 保存当前页面为图片
    由于在微信小程序环境下面没法获取dom,很多方法都很难去实现保存html结构的页面,比较有效的#painter 可以不需要操作dom,但是那玩意儿和重新用js写个页面一样,简单的页面还好,复杂的,元素比较多的就很麻烦,所以考虑用webvie...
    99+
    2023-09-13
    微信小程序 uni-app 小程序 vue.js Powered by 金山文档
  • 微信小程序加载本地图片的方法
    微信小程序加载本地图片的方法:1、在微信开发工具中打开项目。2、新建一个文件夹并将图片放到这个目录下。3、用style样式的方式或image标签的相对路径去访问图片,实现加载本地图片。具体操作步骤:首先,打开微信开发工具,再打开项目。如下图...
    99+
    2022-10-23
  • 微信小程序图片文件预览的方法
    这篇文章主要介绍“微信小程序图片文件预览的方法”,在日常操作中,相信很多人在微信小程序图片文件预览的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序图片文件预览的方法”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-26
  • 微信小程序实现保存影集和图片到相册
    最近在开发一个视频和工具类的小程序,类似于小年糕,需要实现将用户制作的影集保存到本地手机的相册上,页面效果如下: 实现的逻辑如下: 1. 获取用户授权, 如果之前已授权直接下载。 ...
    99+
    2022-11-12
  • 微信小程序实现将图片保存到手机相册
    实现思路: 首先我们需要调用 wx.downloadFile 方法下载文件资源到本地,然后利用 wx.saveImageToPhotosAlbum 方法保存图片到系统相册,需要注意的是这样写很可能会因为没有权限而导致下载不了图片,所以我们最...
    99+
    2023-09-03
    微信小程序 小程序 javascript
  • 实现微信小程序中的图片裁剪并保存功能
    实现微信小程序中的图片裁剪并保存功能小程序已经逐渐成为人们生活中不可或缺的一部分,我们在使用小程序的过程中,经常会遇到需要对图片进行裁剪的情况。本文将介绍如何在微信小程序中实现图片裁剪并保存的功能。一、分析需求在开始开发之前,我们首先需要明...
    99+
    2023-11-21
  • 微信小程序图片压缩功能的实现方法
    微信小程序图片压缩功能的实现方法 :1、在 wx.chooseImage 接口选择相机图片。2、在 wx.getImageInfo 接口获取图片信息。3、计算压缩比例和最终图片的长宽。4、创建 canvas 绘制最终图片。5、在 wx.ca...
    99+
    2022-10-07
  • 微信小程序图片上传功能的实现方法
    目录前言首先是静态布局和样式部分下面是js的部分,我已详细备注~~~总结前言 最近做了个小程序,涉及到了图片上传的功能,今天给大家详细介绍下如何实现小程序图片上传,话不多说先上代码 ...
    99+
    2022-11-13
  • 微信小程序canvas图片及文本适配的方法
    这篇文章主要介绍了微信小程序canvas图片及文本适配的方法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序canvas图片及文本适配的方法文章都会有所收获,下面我们一起来看看吧。场景需求小程序目前不支...
    99+
    2023-06-26
  • 微信小程序图片怎么用
    这篇文章主要为大家展示了“微信小程序图片怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序图片怎么用”这篇文章吧。1:加载本地文件夹图片<image src="/im...
    99+
    2023-06-26
  • 微信小程序开发设置默认图片、错误加载图片的方法
    本文小编为大家详细介绍“微信小程序开发设置默认图片、错误加载图片的方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序开发设置默认图片、错误加载图片的方法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。w...
    99+
    2023-06-26
  • 微信小程序第四篇:生成图片并保存到手机相册
    系列文章传送门: 微信小程序第一篇:自定义组件详解 微信小程序第二篇:七种主流通信方法详解 微信小程序第三篇:获取页面节点信息 目录 一、封装分享组件 二、定义用户授权方法 三、调用流程 首先我们看一下要完成的效果:   这种...
    99+
    2023-09-18
    微信小程序 小程序
  • 微信小程序实现上传图片
    本文实例为大家分享了微信小程序实现上传图片的具体代码,供大家参考,具体内容如下 //wxml <button class='button' bingtap="uploadSom...
    99+
    2022-11-13
  • 微信小程序实现图片上传
    微信小程序实现图片上传 最近做了个小程序,涉及到了图片上传的功能,今天给大家详细介绍下如何实现小程序图片上传,话不多说先上代码 首先是静态布局和样式部分 .wxml代码部分 ...
    99+
    2023-09-07
    微信小程序 小程序 微信
  • 微信小程序实现裁剪图片大小
    本文实例为大家分享了微信小程序实现裁剪图片大小的具体代码,供大家参考,具体内容如下 效果图 .wxml <button bindtap="uploadtap">上传图片...
    99+
    2022-11-13
  • 微信小程序中,图片的位置设置
    在编写小程序的时候,难免会涉及到图片的位置放置。 以及具体的wxss格式的设置,在这里想进行一个具体格式的讲解。 第一种:图片不换行,多个图片排列在同一行 具体样例如下图:黄色荧光笔所绘:  要实现该操作,根据图易见,其是由图片,以...
    99+
    2023-09-04
    微信小程序 小程序 学习
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作