微信小程序实现拍照并拿到图片对象功能

微信小程序提供了函数chooseImage

我们可以在wxml中定义一个按钮

html 复制代码
<view>
    <button bindtap="photograph">拍照</button>
</view>

这里绑定了一个点击事件 叫 photograph

然后 我们在js中编写代码如下

javascript 复制代码
//import { getAll } from "../../api/bookApi";
Page({
  data: {
  },
  onLoad() {
    
  },
  photograph() {
    wx.chooseImage({
      count: 1,
      sourceType: ['camera'],
      success: function (res) {
        console.log(res.tempFilePaths);
      },
      fail: function (res) {
        console.log(res.errMsg);
      }
    })
  },
 
})

这里 我们点击后调用了wx.chooseImage 回调中接受了一个res对象

其中的tempFilePaths字段就是我们要到图片集合

我们运行代码

然后用手机真机调试 然后按下这个拍照按钮

他就调用上了我们手机的拍照功能

然后我们在开发者工具中选择电脑本地的图片

res.tempFilePaths就会帮我们将图片的对象拿到

相关推荐
The_era_achievs_hero6 小时前
微信小程序71~80
微信小程序·小程序
dssxyz7 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
!win !8 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
澄江静如练_12 小时前
微信小程序发体验版
微信小程序·小程序
流口水的兔子16 小时前
作为一个新手,如果让你去用【微信小程序通过BLE实现与设备通讯】,你会怎么做,
前端·物联网·微信小程序
一念杂记16 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
张晓~1833994812117 小时前
数字人源码部署流程分享--- PC+小程序融合方案
javascript·小程序·矩阵·aigc·文心一言·html5
The_era_achievs_hero19 小时前
微信小程序61~70
微信小程序·小程序
编程猪猪侠20 小时前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
汤姆yu1 天前
基于微信小程序的学校招生系统
微信小程序·小程序·招生小程序