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

森呼吸。

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

阅读量3.9k

点赞数

分类专栏： 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

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序：chooseimage从本地相册选择图片或使用相机拍照

彭世瑜的博客

12-06

1561

【代码】微信小程序：chooseimage从本地相册选择图片或使用相机拍照。

uni-app 从本地项目选择图片或使用相机拍照及图片预览

郭宝的博客

08-09

8528

从本地相册选择图片或使用相机拍照 uni.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。 App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考plus.camera OBJECT 参数说明参数名类型必填说明平台差异说明 count Number 否最多可以选择的图片张数，默认9 见下方说明 sizeType Array<String> 否 original 原

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

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

weixin_45810581的博客

05-15

6548

页面部分 <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.chooseImage 拍照上传的基本知识点（附Demo）

最新发布

码农研究僧的博客

03-11

905

在Uni-app框架中，uni.chooseImage是一个用于让用户选择图片的API，支持从相册或相机选取图片，并返回选择的图片信息

uniapp实现手机拍照，相册选择并上传

m0_61387445的博客

12-07

1510

本期带来的是uniapp的API来实现手机拍照，相册选择并上传

uni-app 微信小程序从相册选择图片或视频

cyj0919的博客

09-25

566

【代码】uni-app 微信小程序从相册选择图片或视频。

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

qq_40063198的博客

04-25

4469

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

uniapp选取本地资源(图片,视频,文件)

m0_67388537的博客

07-19

8031

current 为当前显示图片的链接/索引值，不填或填写的值无效则为 urls 的第一张。App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考。1.9.5+ 支持传图片在 urls 中的索引值。，其中 B1 与 B2 的图片链接是一样的。从本地相册选择图片或使用相机拍照。拍摄或从手机相册中选择图片或视频。

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

你的阿迁

09-11

2123

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

uniapp 本地相册选择图片

MaoLS的博客

06-04

1250

标题 uniapp 本地相册选择图片 export default { data(){ return { imageLists:[] } } } methods:{ delete(index){ // 获取该数组的索引值，删除 ( imageLists[] 数组里面 ) 的图片 this.imageLists.splice(index,1) 拿到改图片的位置（索引值），删除这一张图片`在这里插入代码片`

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

10-18

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

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

08-15

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

uni-app图片上传插件.rar

11-06

多图片上传,小图预览文件，生成图片地址，插件使用说明链接https://blog.csdn.net/liujucai/article/details/102930609

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

08-30

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

uniapp微信小程序_拍照从相册选择

apple_70049717的博客

03-14

688

直接调用api即可,注意的是要把值赋给你需要的,this指向需要注意一下。

uni-app 从本地相册选择图片或使用相机拍照上传服务器

单飞吧的博客

02-14

1909

使用 uni.chooseImage() API从本地相册选择图片或使用相机拍照上传服务器 <view @click=uploadImg></view> uploadImg() { uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['album'], //从相册选择 succ

uni-app -- 选择图片、上传图片

Dark_programmer的博客

02-10

5528

1. 选择图片 choosePhoto() { uni.chooseImage({ count: 1, //最多可以选择的图片张数，默认9 sourceType: ['album'], //album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项 sizeType: ['original'],//original 原图，compressed 压缩图，默认二者都有 success(res) { console.log('选择图片完成',

uni.chooseImage 选中图片时判断是相册图片还是拍照图片

qq_51985448的博客

01-13

2973

当uni.chooseImage 接口sourceType参数为 ['camera', 'album']时如何判断是哪里来的图片，所以我们只要判断是否是绝对路径并且是否是只有一张图片。以此可以看出相册选择的图片是绝对路径。我的做法是判断路径格式。从相册选择返回的参数是。

uni-app用uni.chooseImage API调用相机或从相册中选择图片并转成base64

在北风吹起的时候加入我们的队伍在秋雨到来的时候成为彼此的温暖

02-24

2062

// 拍照 camera(){ let that = this; uni.chooseImage({ count: 1, //默认9 sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['camera','album'], //从相册选择 success: function (res) { console.log('img',res) imgToBase64(res) } })

uniapp app唤醒相机和相册选择图片

01-11

### 实现调用相机拍照和从相册选取图片在 UniApp 中实现调用相机拍照以及从相册选取图片的功能主要依赖于 `uni.chooseImage` API 方法。此方法允许开发者指定图片来源类型 (`sourceType`) 来决定是从相册选择还是通过相机拍摄照片。对于希望提供两种选项——即让用户可以选择使用相机拍摄新照片或是从已有相册中挑选图片的情况，可以通过设置参数来满足需求： ```javascript methods: { choosePhoto() { uni.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 获取图片的方式，可以同时显示两个按钮供用户选择 success(res) { const tempFilePaths = res.tempFilePaths; console.log(tempFilePaths); // 处理返回的照片路径... uni.showToast({ title: "成功获取图片", icon: 'success', duration: 2000 }); }, fail(err) { console.error('Failed to select image:', err); uni.showToast({ title: "操作失败", icon: 'none', duration: 2000 }); } }); } } ``` 上述代码展示了如何配置 `chooseImage` 函数以便它可以接受来自相册或相机的输入，并处理成功的回调函数，在其中可以获得所选文件的临时路径用于后续的操作，比如预览、上传等[^1]。如果项目中有特殊的需求，例如需要对选定或拍摄后的图片添加水印，则可以在接收到图片之后再执行相应的逻辑。这通常涉及到先加载图片资源，接着应用图形绘制技术（如 Canvas）来进行水印叠加，最后保存修改过的版本至本地存储或者是发送给服务器[^2]。