微信小程序之相册选择，拍照

最新推荐文章于 2025-04-09 15:05:54 发布

农家&子弟

最新推荐文章于 2025-04-09 15:05:54 发布

阅读量1.7w

点赞数 7

分类专栏：微信小程序文章标签：微信小程序图片选择拍照上传

本文链接：https://blog.csdn.net/hedong_77/article/details/54945048

版权

本文介绍了微信小程序中获取图片的两种方法：直接使用内置相机和弹窗选择相册。通过wx.chooseImage函数，详细展示了如何实现这两种功能，并提供了相关代码示例。讨论了用户体验的差异，建议使用弹窗提示用户选择方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是弹框提示用户是要拍照还是从相册选择，下面一一来看。
选择相册要用到wx.chooseImage(OBJECT)函数，具体参数如下：
这里写图片描述

直接来看打开相机相册的代码：

Page({
  data: {
    tempFilePaths: ''
  },
  onLoad: function () {
   
  },
  chooseimage: function () {
   
    var that = this;
    wx.chooseImage({
      count:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

农家&子弟

关注关注

7
点赞
踩
19

收藏

觉得还不错? 一键收藏
7
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

小程序小相册Demo程序

01-18

这是一个小程序的官方demo，了解小程序的入门。这是一个小程序的官方demo，了解小程序的入门。

微信小程序从本地相册选择图片或使用相机拍照之我的理解

perry

11-17

2961

wxml:<view> <button class="btn" catchtap="upLoad">上传</button> <view class='box'> block遍历 <block wx:for="{{src}}"> <image src='{{item}}'></image> </block> </view> </view>wxss:/** w

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

从0到1，手把手教你搭建微信小程序

热门推荐

yanxiaosa的博客

05-31

2万+

作者>:燕潇洒视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片.wx.chooseImage此方法是用来选择图片的方法,具体使用如下: data: { avatarUrl:null },首先在数据中定义接收数据的变量，然后调用方法选择图片，将图片显示出来。bindViewTap:function(){ var that = this; wx.c

微信小程序实战开发：图片选取以及拍照功能

sinat_36947685的博客

02-10

1万+

一、图片选择功能从本地相册选择图片或使用相机拍照使用过程如下： wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可

微信小程序之使用相机拍照图片预览并上传云存储

weixin_48747169的博客

06-03

2518

+ 调用相机组件，拍摄图片 + 拍摄的图片能够显示在下方 + 点击图片能够预览 + 点击按钮上传到云存储 + 上传完成后有相应的提示信息

微信小程序入门：相册选择，拍照，toast等弹框提示

03-29

小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是弹框提示用户是要拍照还是从相册选择，下面一一来看。选择相册要用到wx.chooseImage(OBJECT...

微信小程序：调起摄像头拍照并在页面预览图片.zip

05-06

微信小程序：调起摄像头拍照并在页面预览图片 微信小程序：调起摄像头拍照并在页面预览图片 微信小程序：调起摄像头拍照并在页面预览图片 微信小程序：调起摄像头拍照并在页面预览图片 微信小程序：调起...

微信小程序开发之相册选择和拍照详解及实例代码

01-03

微信小程序 拍照和相机选择详解前言：小程序中获取图片可通过两种方式得到，第一种是直接打开微信内部自己的样式，第一格就是相机拍照，后面是图片，第二种是弹框提示用户是要拍照还是从相册选择，下面一一来看。 ...

微信小程序实现图片选择并预览功能

12-29

本文实例为大家分享了微信小程序实现图片选择并预览的具体代码，供大家参考，具体内容如下 (一)、功能说明做的是一个意见反馈，用户发表意见和上传图片，限制了最多只能上传三张图片。其他要点：textarea使用，...

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

cyj0919的博客

09-25

368

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

微信小程序图片展示源码

01-24

微信小程序图片展示源码 微信小程序 图片展示源码 PHP后台

微信小程序图库相册美女图片demo实例源码下载

09-18

微信小程序的一个样例，也可以说是一个福利型的小程序，主要功能是展示美女模特图片，目前的版本包括3个页面： 1.首页：相册列表页面，按照类别显示美女图片的列表 2.图片列表页：用swiper展示一个相册下的所有图片 3.相册类别编辑页面

微信小程序 相册；处理用户信息 (源码)

05-31

小程序转盘抽奖 demo

ygx_work的博客

11-03

1076

// pages/draw/draw.js const app = getApp() let { config, Comm } = require('../../utils/util.js'); let { AJAX, } = require('../../utils/ajax.js'); var timer; var n = 1; var which = 1; //中奖项 var drawCode = 0; var deg; //中奖度数 // var luck = [15, 45, 75

小程序：调用手机的相册

1363648943的专栏

07-13

1690

小程序：调用手机的相册

分享一款好用的微信相册小程序《群相册大师》

小仕一桩专栏

10-16

5294

群相册大师长按图片识别小程序快速建个人或群相册，记录生活，留住我们共同的记忆！将照片、视频上传到相册，永久保存，不占内存，分享给朋友一起共享相册。记录生活，留美好记忆！个人相册、群相册、相册大师、多人相册，照片视频永久保存，不占内存，朋友家人分享。票圈图视频看一看。首先进入的是首页首页十分简洁，相册列表清晰可见，还可以邀请好友哦相册内容接着是相册内容，相册内容可以上传图片、照...

微信小程序实战六：自定义相机界面

博主逸尘

10-20

2553

文章目录1.界面效果2.界面布局3.页面逻辑实现4.页面样式5.底部图片下载 1.界面效果说明：底部第一个按钮返回，底部第二个按钮拍照，底部第三个按钮前置摄像头与后置摄像头切换，此功是自拍，默认是前置摄像头，注意图片二是随便加载的一个网络图片路径，可理解为拍照后返回的图片。 2.界面布局 <template> <view> <view v-if="isTakePhoto"> <camera :device-position="convert" fl

微信小程序视频层级过高问题与淘宝商品详情相册展示效果

成长笔记

12-26

1983

1.效果图 2.html <view class="banner" > <view class='current_num'>{{current}}/{{imgNum}}</view> <swiper circular duration="1000" bindchange="swiperChange"> <swi

uniapp实现微信小程序选择相册或拍照

09-26

在uni-app中，要实现在微信小程序中让用户选择相册或拍照的功能，你可以使用uni-app提供的`picker`组件配合`getMediaInfo` API。以下是简单的步骤： 1. **引入依赖**: 首先，在页面的wxml文件里引用`uni-picker`...