微信小程序实现图片压缩
更新于：2019年12月3日，上午8点34分46秒；作者：某位人士。
本文对微信小程序中的图片压缩功能进行了深入解析，其中所提供的示例代码阐述详尽，极具参考意义，对此感兴趣的朋友们不妨一阅。
本文向读者展示了微信小程序图片压缩相关代码的实例，以下为详细内容，可供大家借鉴。
设计思路：
在挑选好图片后，需启动微信提供的图片压缩服务，随后获取压缩图片的临时存储链接，并利用微信的存储功能将图片妥善保存在本地。
参数：
：图片地址
：是否选择图片
：是否展示按钮
接口：
wx.：选择图片
：压缩图片
wx.um：保存图片至相册
wx.：提示信息
wxml
（推荐使用jpg格式的图片）
选择图片
压缩图片
js
在miniprogram的pages目录下，有一个名为ImgCompression的文件夹，其中包含一个名为ImgCompression的JavaScript文件。
Page({
/**
* 页面的初始数据
*/
data: {
src属性指向:"位于上级目录下的images文件夹中的NoImage.jpg"文件。
imgcount:0,
show_hidden: "display:none;",
},
//选择图片
chooseMyImage:function () {
var that = this;
wx.chooseImage({
count:1,
success: function(res) {
that.setData({
图像资源来源于临时文件路径数组中的第一个元素。
imgcount:1,
show_hidden:"display:block"
}),
wx.showToast({
title: "已选择图片",
})
},
fail: function() {
wx.showToast({
title:"请选择图片",
icon:"none",
})
}
})
},
//压缩图片
MyImageCompression函数定义如下：{
var that = this;
if(that.data.imgcount == 1){
wx.showToast({
title: "正在压缩图片",
icon:"loading",
})
wx.compressImage({
src:that.data.imagesrc,
quality:0,
success: function(res) {
wx.showToast({
title: "压缩成功",
});
wx.saveImageToPhotosAlbum({
filePath:res.tempFilePath,
success:function(res) {
wx.showToast({
title: "已保存至相册",
});
}
})
},
fail: function() {
wx.showToast({
title:"压缩失败",
icon:"none",
})
}
})
}
}
})
效果图：
向大家推荐一篇备受关注的微信小程序教学文章——《微信小程序开发教程》，这是小编用心汇编的，期待各位读者的喜爱。
本文内容至此结束，衷心期望它能对大家的学术进步有所裨益，同时我们也期待着各位对脚本之家的持续关注与大力支持。