小程序拍照后本地保存

最新推荐文章于 2023-05-09 14:10:45 发布

CJamenc

最新推荐文章于 2023-05-09 14:10:45 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 组件安装 vuex 文章标签：小程序前端

本文链接：https://blog.csdn.net/CJamenc/article/details/109789935

本文介绍了在小程序中如何使用照相机功能，并讨论了如何利用wx.getImageInfo和downloadFile进行图片处理。getImageInfo能处理各种类型的图片路径，而downloadFile专注于下载网络图片并提供下载进度等高级功能。

按顺序复制

在wxml复制进去照相机

<camera   style="width: 100%; height: 500rpx;"></camera>
<button type="primary" bindtap="takePhoto">拍照</button>
<image  style="width: 100%;" src="{
  
  {src}}" ></image>
<button bindtap='saveToPhone'> 保存图片到本地</button>

js文件复制进去

takePhoto:function(){
   
   
    const ctx = wx.createCameraContext()
    ctx.takePhoto({
   
   
      quality: 'high',
      success: (res) => {
   
   
        console.log("拍照");