uni-app aws-sdk fleek Storage ipfs文件上传的 XMLHttpRequest 无法使用

在uni-app中，如果你遇到XMLHttpRequest无法使用的问题，特别是在尝试通过aws-sdk或Fleek Storage以及IPFS进行文件上传时，可以考虑使用uni-app提供的网络请求API或者通过其他方式实现文件上传。以下是一个使用uni-app的uni.uploadFile方法结合AWS S3 SDK进行文件上传的示例代码。

AWS S3 SDK配置与文件上传

首先，确保你已经在AWS控制台中创建了S3存储桶，并配置了CORS策略以允许跨域请求。然后，你需要安装并配置AWS SDK for JavaScript。

// 安装aws-sdk
// npm install aws-sdk --save

import AWS from 'aws-sdk';

// 配置AWS S3
AWS.config.update({
  accessKeyId: 'YOUR_ACCESS_KEY_ID',
  secretAccessKey: 'YOUR_SECRET_ACCESS_KEY',
  region: 'YOUR_REGION'
});

const s3 = new AWS.S3({ apiVersion: '2006-03-01' });

function getSignedUrl(fileKey) {
  const params = {
    Bucket: 'YOUR_BUCKET_NAME',
    Key: fileKey,
    Expires: 60, // 签名URL有效期
    ContentType: 'application/octet-stream'
  };
  return s3.getSignedUrl('putObject', params);
}

export default {
  methods: {
    async uploadFile(filePath) {
      const fileKey = 'uploads/' + Date.now() + '-' + filePath.split('/').pop();
      const signedUrl = await getSignedUrl(fileKey);

      uni.uploadFile({
        url: signedUrl, // 仅为示例，实际使用时需要处理CORS或签名URL
        filePath: filePath,
        name: 'file',
        formData: {},
        success: (uploadFileRes) => {
          console.log('文件上传成功：', uploadFileRes);
        },
        fail: (err) => {
          console.error('文件上传失败：', err);
        }
      });
    }
  }
}

注意事项

1. CORS配置：确保S3存储桶的CORS配置允许从你的uni-app域名进行请求。
2. 安全性：直接在客户端代码中硬编码accessKeyId和secretAccessKey是不安全的。你应该使用AWS的IAM角色和临时凭证，或者通过后端服务生成签名URL。
3. 签名URL有效期：上述示例中签名URL有效期设置为60秒，根据你的需求调整。
4. 错误处理：示例中只包含了基本的成功和失败处理，你可以根据需要添加更多的错误处理和日志记录。

通过这种方式，你可以避免直接使用XMLHttpRequest，同时利用uni-app提供的uni.uploadFile方法实现文件上传。对于Fleek Storage和IPFS，你可以参考类似的模式，通过它们提供的API生成上传链接，并使用uni.uploadFile进行文件传输。