本文实例为大家分享了微信小程序图片压缩的具体代码,供大家参考,具体内容如下
设计思路:
选择图片后调用微信压缩图片接口,压缩后接收压缩图片的临时地址,调用微信储存接口保存图片至本地。
参数:
imagesrc:图片地址
imgcount:是否选择图片
show_hidden:是否展示按钮
接口:
wx.chooseImage:选择图片
wx.compressImage:压缩图片
wx.saveImageToPhotosAlbum:保存图片至相册
wx.showToast:提示信息
wxml
<view> <view> <image src="/UploadFiles/2021-04-02/{{imagesrc}}">js
// miniprogram/pages/ImgCompression/ImgCompression.js Page({ /** * 页面的初始数据 */ data: { imagesrc:"../../images/NoImage.jpg", imgcount:0, show_hidden: "display:none;", }, //选择图片 chooseMyImage:function () { var that = this; wx.chooseImage({ count:1, success: function(res) { that.setData({ imagesrc:res.tempFilePaths[0], imgcount:1, show_hidden:"display:block" }), wx.showToast({ title: "已选择图片", }) }, fail: function() { wx.showToast({ title:"请选择图片", icon:"none", }) } }) }, //压缩图片 MyImageCompression:function () { 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", }) } }) } } })效果图:
为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
微信小程序,图片压缩
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。