uni-app 经验分享，从入门到离职（年度实战总结：经验篇）——上传图片以及小程序隐私保护指引设置

文章目录

• 🔥年度征文
• 📋前言
• • ⏬关于专栏
• 🎯关于上传图片需求
• 🎯前置知识点和示例代码
• • 🧩uni.chooseImage()
  • 🧩uni.chooseMedia()
  • • 📌uni.chooseImage() 与 uni.chooseMedia()
  • 🧩uni.chooseFile()
• 🎯关于小程序隐私保护指引设置
• • 🧩解决方法
• 📝最后

🔥年度征文

活动地址：年度征文｜回顾 2023，赢专属铭牌等定制大奖

白马过隙，转瞬之间 23 年的进度条已经快达到 100%，在迎接 24 年到来的同时，我们不妨来回顾一下这充满许多值得回忆时刻的 23年。过去的一年里，我们都经历了很多事情，或许经历了许多重要的时刻和学习机会；或许扩展了自己的知识领域；或许提升了自己的技术水平等等。接下来我来分享一下我在 23 年的一些代码笔记以及实战项目笔记。

📋前言

这篇文章是本专栏 uni-app 的项目经验篇，该文章将为大家分享在 uni-app 开发中的项目实战经验，本篇文章的主题是关于小程序上传图片官方 API 的使用，以及一些版本问题等等。除此之外，还有前段时间新发布的小程序隐私保护指引设置的新内容，包括如何解决类似隐私问题和如何设置隐私保护指引。

⏬关于专栏

本专栏主要是分享和介绍从零到一学习和使用的 uni-app 的笔记和个人经验。通过个人的学习经验和工作经验来给大家分享关于 uni-app 开发的技巧，以及快速入门的诀窍等等。

专栏主页：uni-app_黛琳ghz的博客-CSDN博客

🎯关于上传图片需求

在小程序中上传图片是很常见的交互功能，也是软件开发中不可缺少的功能，无论是在浏览器还是小程序中，都有很多需要用户上传图片的操作，接下来我们一起来看下有哪些应用场景，然后具体分析下需求。

应用场景：注册审核，在注册的流程中可能涉及到上传图片的需求，比如说身份证审核，个人信息等等审核，这个时候就需要用户上传图片到后台，进行审核；修改头像，这个功能是最常见的一个上传图片应用场景，用户从相册上传一张图片作为用户头像;表单提交，这个也是经常可以见到的应用场景，比如说问卷调查中需要上传图片的模块，或者任务提交的上传图片和上传任务描述这种应用场景。

需求分析：这里以注册审核的应用场景为例子，我们来分析一下这个需求，比如说该小程序注册要走审核流程，需要上传图片进行审核，首先授权完手机号码，然后填写用户的个人资料，如地址信息等等，接下来是上传图片的模块，比如说审核身份证、银行卡、健康证、认证资料等等，这些步骤都涉及到上传图片的功能。

分析完应用场景和需求之后，我们一起来看看在 uni-app 中可以用哪些 API 来实现上传图片的功能。

🎯前置知识点和示例代码

🧩uni.chooseImage()

uni.chooseImage() 是 uniapp 框架提供的一个 API，用于从本地相册或相机选择图片。 使用该方法可以打开系统的图片选择界面，让用户选择一张或多张图片。选择完成后，可以获取到选择的图片的临时文件路径。

❗PS：App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考plus.camera。

关于该方法的参数说明：

下面是 uni.chooseImage() 方法的使用示例：

uni.chooseImage({
   
  count: 1, // 最多可以选择的图片张数，默认为9
  sizeType: ['original', 'compressed'], // 可以指定原图或压缩图，默认为['original', 'compressed']