在uniapp中从本地相册选择图片或使用相机拍照

森呼吸。

已于 2023-10-26 11:30:17 修改

阅读量3.3k

点赞数

分类专栏： uniapp 文章标签：数码相机 uni-app

于 2023-10-26 11:25:49 首次发布

本文链接：https://blog.csdn.net/weixin_53156345/article/details/134051953

版权

在uniapp中从本地相册选择图片或使用相机拍照，可以使用uniapp中内置的API uni.chooseImage 。

参数

名称	类型	必填	默认值	描述
options	ChooseImageOptions	是	-	-

ChooseImageOptions 属性值

名称	类型	必备	默认值	描述
count	number	否	9	最多可以选择的图片张数，app端不限制，微信小程序最多可支持20个。
sizeType	Array<string>	否	['original','compressed']	original 原图，compressed 压缩图&#x

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

森呼吸。

关注关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uni-app 选择图片（chooseImage）

weixin_30706507的博客

07-04

1万+

uni-app 选择图片（chooseImage） 1 <template> 2 <view> 3 <button type="primary" @click="img">button</button> 4 <button type="primary" @tap="info">i...

uniapp实现小程序打开相册或拍照上传图片附赠兼容H5方法

qq_43205326的博客

05-03

7315

小程序上传图片，或者拍照上传图片，并附带兼容H5上传图片方法如有问题欢迎指出…

参与评论您还未登录，请先登录后发表或查看评论

uniapp 拍照和从相册选择的弹窗

Intellectual__的博客

08-03

978

hover-stay-time="150" v-if="isCancel" @tap="handleClickCancel">取消</view>text: "从相册选择",text: "拍摄",//菜单按钮数组，自定义文本颜色，红色参考色：#e53a37。1、在common创建一个vue，把下列代码复制进去。text: "确定",//点击遮罩是否可关闭。//提示文字大小 rpx。2、在需要用的地方引入新创建的vue。//是否需要取消按钮。

uni ui 开发APP时调用uni.chooseImage

热门推荐

sunluyi的博客

07-13

1万+

更换头像功能， //上传图片 upfile(){ let _this = this; uni.chooseImage({ // 从本地相册选择图片或使用相机拍照。 count: 1,//默认选择1张图片 sizeType: ['original', 'compressed'],//original 原图，compressed 压缩图，默认二者都有 success: (res)=> { console.log(res.tempFilePaths[0]);//成功则.

uni-app 从本地相册选择图片或使用相机拍照

weixin_45810581的博客

05-15

6400

页面部分 <view>上传图片 {{imageList.length}}/9</view> <view class="uni-list list-pd"> <view class="uni-uploader__files"> <block v-for="(image,index) in imageList" :key="index"> <view class="uni-uploader__file"> <im

uni-app上传图片(选择，预览，删除图片)

阿進在努力~~

03-09

9275

用uni-app做项目时，上传图片的功能需求应该是在正常不过的了。最近有几个项目都有遇到，所以想总结一下。所用到的api都很简单。功能需求功能需求如列表所示，视图展现如图所示，代码如下。点击相框按钮可选择图片上传，点击每一个图片可以进行预览，点击每个图片删除图标可删除对应图片。本地相册选择图片或使用相机拍照上可以预览选择上传的图片删除选错或不选的图片  <view>图片上传</view> <vie

uniapp实现相册、拍照及视频录制功能

qq_40063198的博客

04-25

2345

uniapp实现相册、拍照及视频录制功能

Uniy调用ios相册相机获取头像

08-15

Unity调用ios相册，相机截取后获取头像

微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)

10-18

在微信小程序开发中，`wx.chooseImage` 是一个非常重要的 API，它允许用户从本地相册选择图片或者直接使用手机摄像头拍照。这个功能对于构建具有图像上传功能的应用来说是必不可少的。下面我们将详细探讨 `wx....

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

08-30

总之，微信小程序提供了方便的 API 使得用户可以从相册选择图片或使用相机拍照，并将这些图片上传到服务器。通过合理地使用`chooseImage`和`uploadFile`这两个API，开发者可以轻松实现这个功能，为用户提供流畅的...

uniapp调用手机摄像头_uni-app 接口 - 从本地相册选择图片或使用相机拍照

weixin_40003283的博客

12-19

6782

uni.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。count Number 否最多可以选择的图片张数，默认9sizeType StringArray 否 original 原图，compressed 压缩图，默认二者都有sourceType StringArray 否 album 从相册选图，camera 使用相机，默认二者都有success Function 是...

uni 获取本地文件_uni-app 接口 - 从本地相册选择图片或使用相机拍照

weixin_39609423的博客

12-19

3335

Uniapp小程序实现从相册选图/拍照后直接上传

你的阿迁

09-11

1869

通过上述方法，发现通过success中的res，能够获取到图片临时文件的数组tempFilePaths，可以直接通过调用接口的方式，将临时文件交给后端去做处理，由于当时后端不接受这个临时文件，我就又多做一步处理，将临时文件处理为base64，然后再传给他...首先看下从相册选取图片/拍照的UNI API，这个没啥，直接依据文档调用就好...到这里成功完成图片的上传，感觉对自己有帮助的小伙伴，可以留个star...

uniapp 图片选取上传

m0_46978096的博客

05-07

723

uni.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success(res) { var tempFilePaths = res.tempFilePaths uni.uploadFile({ url: url, filePath

uniapp调用相机拍照

08-28

在uniapp中，有多种方式可以调用相机进行拍照。一种方式是使用plus.camera.getCamera方法，该方法可以用来调用相机并获取拍照后的图片地址和文件名。在成功获取到相机拍照后的图片后，可以通过plus.io.resolveLocalFileSystemURL方法将图片转换为本地文件路径。另一种方式是使用uni.chooseImage方法，该方法可以在uniapp中选择图片并拍照。通过设置count参数来指定最多可以选择的图片数量，设置sizeType参数来指定图片的类型（原图或压缩图），设置sourceType参数来指定从相册选图还是使用相机拍照。在成功选择或拍照后，可以通过res.tempFilePaths获取到拍照图片的路径。需要注意的是，具体使用哪种方式调用相机拍照取决于你的项目需求和平台差异。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [uniapp如何调用手机相机进行拍照](https://blog.csdn.net/m0_64692707/article/details/127231825)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [uni-app 从本地项目选择图片或使用相机拍照及图片预览](https://blog.csdn.net/qq_35366269/article/details/107901676)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]