UPPY:如何获取上传失败返回的json数据

Question

我正在使用Uppy javascript库和xhr插件来上传文件。如何获取上传错误的响应数据？下面没有提供我的服务返回的json。文档here

uppy.on('upload-error', function (file, error) {
            console.log(error);
        });

Answer 1

uppy在upload-error事件的回调中接受三个值。因此，要获得状态，您可以执行以下操作

  uppy.on('upload-error', (file, error, response) => {
    const { name } = file;
    message.error(`Failed in uploading ${name}`);
    if (response.status === 413) {
      message.warning('Please check the file size');
    }
  });

Answer 2

可以作为XHR上传插件的一个选项传递：

const XHRUpload = require('@uppy/xhr-upload')

uppy.use(XHRUpload, {
    endpoint: 'http://my-website.org/upload',
    getResponseError (responseText, response) {
        return new Error(JSON.parse(responseText).message)
    }
})

getResponseData()也是如此：

const XHRUpload = require('@uppy/xhr-upload')

uppy.use(XHRUpload, {
    endpoint: 'http://my-website.org/upload',
    getResponseData (responseText, response) {
        return {
            url: responseText.match(/<Location>(.*?)<\/Location>/)[1]
        }
    }
})

在这里，我们只在getResponseError()方法中显示来自JSON响应的错误消息，但是您当然可以对响应做几乎任何事情。