wx图片的相机相册获取，预览图片，图片保存，图片的信息

wxml

<view class="title">图片管理</view>
<view class="demo-box">
<view class="title">wx.getLocation</view>
<button bindtap="chooseImage">选择图片</button>
<image src="{{src}}" mode="widthFix"></image>
<button type="primary" size="mini" bindtap="previewImage">预览图片</button>
<button type="primary" size="mini" bindtap="getImageInfo">图片信息</button>
<button type="primary" size="mini" bindtap="saveImage">保存图片</button>
</view>

Page({data: {},//选择图片，将图片从权限里获取chooseImage:function(){var that=thiswx.chooseImage({count: 1,sizeType: ['original','compressed'],sourceType: ['album','camera'],success:function(res){var tempFilePaths=res.tempFilePathsthat.setData({src:tempFilePaths[0]})}})
},
//预览图片，将图片放大
previewImage:function(){var that=this
wx.previewImage({urls: [that.data.src],
})
},
//获取图片信息
getImageInfo:function(){var that=this
wx.getImageInfo({src: that.data.src,success:function(res){wx.showToast({icon:'none',title:'宽：'+res.width+',高：'+res.height,})}
})
},
//保存图片
saveImage:function(){var that=thiswx.saveImageToPhotosAlbum({filePath: that.data.src,success:function(){wx.showToast({title: '保存成功！',})}})
},
}

wx图片的相机相册获取，预览图片，图片保存，图片的信息相关推荐

iOS学习：调用相机，选择图片上传，带预览功能
iOS学习:调用相机,选择图片上传,带预览功能发表于2年前(2013-05-30 21:38) 阅读( 18194) | 评论( 16) 27人收藏此文章,我要收藏赞3 8月22日珠海 OSC ...
Android 使用CameraX实现预览/拍照/录制视频/图片分析/对焦/缩放/切换摄像头等操作
1. CameraX架构看官方文档 CameraX架构有如下这一段话使用CameraX,借助名为"用例"的抽象概念与设备的相机进行交互. 预览 : 接受用于显示预览的Surf ...
微信小程序全栈开发实践第二章微信小程序组件介绍及使用 -- 2.3 rich-text 组件，以及如何单击预览它的节点图片并保存
一.rich-text组件 nodes: [{name: 'div',attrs: {class: 'div_class',style: 'line-height: 20px;padding:20px ...
小红书图片剪裁框架+微信图片选择器+超高清大图预览+图片自定义比例剪裁，支持 UI 自定义、支持跨进程回调
YImagePicker 项目地址:yangpeixing/YImagePicker 简介: 小红书图片剪裁框架+微信图片选择器+超高清大图预览+图片自定义比例剪裁,支持 UI 自定义.支持跨进程回调 ...
CameraX 三：获取预览流
前言话接上文,本篇将要学习如何获取预览流,有了预览流我们可以做很多场景,如人形.人脸.车牌识别,如推流到流媒体服务器等等. 如果感到不适,强烈建议从CameraX 一看过来源码机票布局文件 &l ...
uniapp 对富文本中的图片预览及长按图片识别二维码/保存图片
uniapp 对富文本中的图片预览及长按图片识别二维码/保存图片富文本一定要使用uniapp提供的<rich-text>标签,不要使用 v-html 因为<rich-text> ...
Android Camera2教程之打开相机、开启预览、实现PreviewCallback、拍照
转载请注明出处: http://blog.csdn.net/lb377463323/article/details/52740411 Android API 21新增了Camera2,这与之前的cam ...
JavaScript 实现图片上传前本地预览
JavaScript 实现图片上传前本地预览图片上传前预览,应该算是一个普遍的需求,很多时候可能选中的图片并不是想要的那张,所以需要上传前预览下. JS(浏览器中)是一门特殊的语言,它没有直接读写磁 ...
[转]如何解决Windows图片预览窗口无法显示图片缩略图
问:我的电脑中安装的是Windows 2000,最近发现文件夹的图片预览功能不能使用了,也就是说图片预览窗口无法显示图片缩略图了,在该位置上只有文件的图标.请问这是 ...

wx图片的相机相册获取，预览图片，图片保存，图片的信息

wx图片的相机相册获取，预览图片，图片保存，图片的信息相关推荐

最新文章

热门文章