如何更改每个图像上传 Uppy 的端点

当需要使用 Uppy 上传图片时，Uppy 会使用默认的上传端点。但是在某些情况下，我们可能想要更改上传端点，以实现一些我们所需的特殊操作。在这篇文章中，我们将介绍如何更改上传端点。

步骤一：安装 uppy

为了使用 uppy，我们需要安装它。uppu 可以在命令行中使用 npm install uppy 进行安装。安装完成后你需要引入相关的Uppy库，这里我们使用ES6模块方式：

import Uppy from '@uppy/core'
import XHRUpload from '@uppy/xhr-upload'

步骤二：初始化 Uppy

我们需要使用 Uppy 的 init() 方法来初始化 Uppy 实例，并向它传递一个配置对象，该对象包含我们想要使用的 Uppy 插件以及其他选项。在这个对象中，我们可以指定我们自己的上传端点。

const uppy = Uppy({
  id: 'myCoolUploader',
  autoProceed: true,
  allowMultipleUploads: true
})
.use(XHRUpload, {
  endpoint: 'https://my.custom/endpoint'
})

在上面的代码片段中，我们使用 XHRUpload 插件，并将我们自己的上传端点指定为 https://my.custom/endpoint。

步骤三：更改上传端点

如果你要更改上传端点，你可以使用以下代码：

uppy.setUploadURL('https://my.custom/upload/endpoint')

如果需要更改上传端点参数，可以使用 setMeta() 方法：

uppy.setMeta({
  endpoint: 'https://my.custom/upload/endpoint'
})

在上面的代码中，我们将上传端点设置为 https://my.custom/upload/endpoint。在这之后，Uppy 会将所有上传的文件发送到我们自己的上传端点，而不是默认的上传端点。

结论

通过本文，你已经了解了如何更改每个图像上传 Uppy 的端点。在你的项目中应用它，你就可以轻松地实现你的特殊上传需求。