node.js - 使用 react-dropzone-uploader 获取服务器响应

Question

如何使用 react-dropzone-uploader 获得服务器响应.我一直在使用它，我试图找到一种在文件上传或失败后从 nodejs 后端接收响应到 react 前端的方法。

前端( react ):

const getUploadParams = (file) => {

        return {url: uploadUrl, headers: {"Authorization": `Bearer ${token}`}}
    }

    const handleChangeStatus = ({ meta, remove }, status) => {
        if (status === 'done') {
            notify(`${meta.name} uploaded!`)
            remove()
        } else if (status === 'aborted') {
            notify_error(`${meta.name}, Upload failed...`)
        }
    }

后端上传到谷歌云存储，如果成功，我想向前端发送一个响应，以便能够通知用户文件上传的状态

后端(nodejs):

bucket.upload(file.path, {
                                public: true,
                                destination: set_user_folder + file.name,
                                resumable: true,
                            }, function (err, file, apiResponse) {
                                if (err) {
                                    return res.status(200).send({
                                        message: err,
                                        type: "error"
                                    });
                                } else {
                                    console.log(apiResponse);
                                    return res.status(200).send({
                                        message: "File Uploaded",
                                        type: "success"
                                    });
                                }
                            });

Answer 1

您可以像这样从 handleChangeStatus 获取服务器响应:

const handleChangeStatus = ({ meta, file, xhr}, status) => {
        if (status === 'done'){
            let response = JSON.parse(xhr.response);
        }  
};