在uni-app中实现选择和上传非图像、视频文件的几种方案

uni.chooseFile({
  count: 1, // 可选择文件数量，按需调整
  type: 'file', // 选择任意类型文件，若想限制类型，可结合 extension 筛选
  success: (res) => {
    const tempFilePath = res.tempFiles[0].path; // 获取选中文件的临时路径
    // 后续可执行上传等操作
  },
  fail: (err) => {
    console.error('选择文件失败：', err);
  }
});

uni.uploadFile({
  url: 'https://your-server.com/upload', // 实际的服务端文件上传接口
  filePaths: [tempFilePath], // 前面选择文件得到的临时路径
  name: 'file', // 与服务端约定的接收文件的字段名
  formData: {
    // 可附带其他业务参数，如用户 ID、文件分类等
    userId: '123',
    category: 'document'
  },
  success: (uploadRes) => {
    const data = JSON.parse(uploadRes.data);
    console.log('上传成功，服务端返回：', data);
    // 可依据服务端返回做后续处理，如更新文件列表、提示用户等
  },
  fail: (err) => {
    console.error('上传失败：', err);
  }
});

// 仅 App 端有效，需判断平台后使用
if (uni.getSystemInfoSync().platform === 'android' || uni.getSystemInfoSync().platform === 'ios') {
  plus.io.chooseFile(
    {
      title: '选择文件', // 选择文件的标题提示
      filter: '*', // 筛选文件类型，* 表示所有，也可设 '.pdf,.docx' 等
      multiple: false // 是否多选
    },
    (res) => {
      const fileInfo = res.files[0]; // 获取选中的文件信息
      const localPath = fileInfo.path; // 文件本地路径
      // 可通过 plus.io 进一步操作文件，如读取内容、转成可上传的格式
      // 示例：转成临时文件路径，用于 uni.uploadFile
      const tempFilePath = plus.io.convertLocalFileSystemURL(localPath); 
      // 执行上传等操作
    },
    (err) => {
      console.error('选择文件失败：', err);
    }
  );
}

plus.io.resolveLocalFileSystemURL(localPath, (entry) => {
  entry.file((file) => {
    const fileReader = new plus.io.FileReader();
    fileReader.onloadend = (e) => {
      const buffer = e.target.result; // 文件内容的 Buffer 数据
      // 若服务端需要 FormData 格式，可构造后用 uni.request 上传
      const formData = new FormData();
      formData.append('file', new Blob([buffer]), file.name); 
      uni.request({
        url: 'https://your-server.com/upload',
        method: 'POST',
        header: {
          'Content-Type': 'multipart/form-data'
        },
        data: formData,
        success: (res) => {
          console.log('上传成功：', res.data);
        }
      });
    };
    fileReader.readAsArrayBuffer(file);
  });
});

<template>
  <view>
    <!-- #ifdef H5 -->
    <input 
      type="file" 
      style="display: none;" 
      ref="fileInput" 
      @change="handleFileChange" 
    />
    <button @click="openFileSelector">选择文件</button>
    <!-- #endif -->
  </view>
</template>

<script>
export default {
  methods: {
    openFileSelector() {
      this.$refs.fileInput.click(); // 触发文件选择框
    },
    handleFileChange(e) {
      const file = e.target.files[0]; // 获取选中的文件
      const fileReader = new FileReader();
      fileReader.onload = (event) => {
        const fileContent = event.target.result; // 文件内容，可转成 Base64 等
        // 若要上传，可构造 FormData 用 uni.request 或 axios 等上传
        const formData = new FormData();
        formData.append('file', file);
        uni.request({
          url: 'https://your-server.com/upload',
          method: 'POST',
          header: {
            'Content-Type': 'multipart/form-data'
          },
          data: formData,
          success: (res) => {
            console.log('上传成功：', res.data);
          }
        });
      };
      fileReader.readAsArrayBuffer(file);
    }
  }
}
</script>