1、使用苹果手机里面自带保存功能实现保存小程序的图片;打开微信小程序,点击想要保存的图片,然后长按图片,直到出现菜单选项才松手,然后点击保存图片,最后保存的图片握迟可以在手机相册找到;
2、使用苹果手机自带截图功能,打开微信小程序,点击打开要保存的图片,然后同时手机的HOME+关机键,成功肢皮罩截图号,想要的照片自动保存到手机相册里面。
微高兄信小程序图片压缩有三种方法,一种是使用官方提供的接口 wx.compressImage(Object object) ;一种是通过压缩图片的大小,利用canvas重绘来得到压缩图片;最后一种安装第三方图片压缩包。
由于第一种方法网上很多人说压缩不明显或者失效,所以选择使用canvas重绘来实现图片压缩。同时,该种方法可以控制图片的最大尺寸,保持上传图片大小尺寸相差不多。在我们的学生节晚会小程序中,屏幕显示图片会比较美观一致。
1. 通过 wx.chooseImage 接口选择相机图片
2. 通过 wx.getImageInfo 接口获取图片信息(长宽,类型)
3. 计算压缩比例和最终图片的长宽
5. 通过 wx.canvasToTempFilePath 接口将画布内容导出为图片并获取图片路径
wxml 文件
在文件末尾插入 canvas 组件,通过设置left和配隐top值确保图片不会显示在可视范围内。
一定要设置 canvas-id,这是canvas绘图和导出图片必备的属性。
js 文件
设置与页面绑定的数据:canvas的大小,培念厅也是压缩后图片的大小
1. 将画布内容导出为图片时,指定destWidth和destHeight为压缩后图片的大小。这里遇到过玄学bug,不指定的话,有时候图片不会压缩到规定的大小。
选择图片: https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html
上传图片: https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html
小程序身份认证脊谈界面,点击上传地方的加号,选择相册或者拍照,进行上传,原图无压缩,最多上传3张(分别为身份z正面、反面和手持) 。
注:这边以laravel框架为例
1、定义文件上传路由:
2、在laravel框樱缓碰架中的config文件夹下的filesystems.php文件中配置上传路径
3、身份认证文件上传方法
1、在身份认证界面的wxml中绑定选择图片事件
2、在身份认证界面的js中定义上传图片的方法
3、上传成功后,将上传的文哪液件地址存到数组中
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)