uniapp适配web如何写从电脑上选择图片并上传图片至config.uploadUrl

在UniApp中，如果你想让用户通过电脑选择图片并上传到指定的`config.uploadUrl`，你可以使用HTML5的File API配合uni-app的网络请求功能。这里是一个基本的步骤：

1. 创建一个input元素用于用户选择文件：

<input type="file" id="imagePicker" @change="handleImageChange">

2. 添加事件处理函数 `handleImageChange` 来获取选中的文件：

methods: {
  handleImageChange(e) {
    const file = e.target.files[0]; // 获取用户选择的第一个文件
    if (file) {
      this.upload(file);
    }
  },
  upload(file) {
    const formData = new FormData(); // 创建FormData对象
    formData.append('file', file); // 将文件添加到表单数据

    // 使用uni.request发起POST请求
    uni.request({
      url: config.uploadUrl,
      method: 'post',
      data: formData, // 或者直接data: file
      header: { 'content-type': 'multipart/form-data' }, // 设置Content-Type
      success(res) {
        console.log(res.data); // 处理上传成功后的响应
      },
      fail(err) {
        console.error(err); // 处理上传失败的情况
      },
    });
  },
}

记得在项目配置里开启H5 File API的支持，并确保`uploadUrl`是服务器支持接收文件的URL。