uni-app 上传图片

uni-app 是一套基于 Vue.js 的框架，用于构建跨平台的移动应用。在 uni-app 中，处理文件上传（包括图片上传）非常方便，可以利用其提供的统一的 API 来实现。

以下是使用 uni-app 上传图片的基本步骤：

1. 引入依赖：在 Vue 组件中引入 `uni.uploader`，它是一个用于处理文件上传的组件。

<template>
  <uni-uploader ref="uploader" ...></uni-uploader>
</template>

<script>
import { UniUploader } from '@dcloudio/uni-app';

export default {
  components: {
    UniUploader,
  },
  methods: {
    uploadImage() {
      this.$refs.uploader.submit({
        url: 'your-api-url', // 你需要替换为实际的图片上传接口地址
        fileField: 'file', // 文件字段名，默认为 'file'
        fieldName: 'image', // 图片表单字段名，默认为 'image'
        success(res) {
          console.log('上传成功', res);
          // 根据服务器返回处理数据，如显示预览、保存到本地等
        },
        fail(err) {
          console.error('上传失败', err);
        },
      });
    },
  },
}
</script>

2. 配置权限：确保在 App.json 或对应的配置文件里设置了运行时所需的文件操作权限。

3. 用户交互：当用户选择图片后，调用 `uploadImage` 方法发起上传请求。