上传文件使用 'react dropzone uploader' 方法 POST 和 s3 协议

如何解决上传文件使用 'react dropzone uploader' 方法 POST 和 s3 协议

我想使用“react dropzone uploader”上传文件 我有 { 政策， AWSAccessKeyId， 钥匙， 签名， 网址， } 和 url api 用于 post 方法 有人可以帮我配置“getUploadParams”吗？

此代码有效，但我想使用“react dropzone uploader”

<input id="the-file" name="file" type="file">
<button onclick="send();">Send</button>

<script>
    var send = function ()
    {
        var url = 'https://xxxxx';
        var data = new FormData();
        data.append("policy","xxxxx");
        data.append("AWSAccessKeyId","xxxxx");
        data.append("key","upload_test2");
        data.append("signature","xxxxxx");

        var fileInput = document.getElementById('the-file');
        var file = fileInput.files[0];
        data.append('file',file);

        $.ajax({
            type: "POST",url: url,data: data,success: function () { console.log(); },processData: false,contentType: false
        });
    }
</script>

和我在反应 dropzone 上传器中的代码如下：

const getUploadParams: IDropzoneProps['getUploadParams'] = ({ file,Meta }) =>{
    const body = new FormData()
    var url = 'https:xxxxxx';
    body.append("policy","xxxxx");
    body.append("AWSAccessKeyId","xxxx");
    body.append("key","upload_test2");
    body.append("signature","xxxxxx");
    body.append('file',file);
    console.log(file);
    console.log(body.values());
    return {url,body,method:"POST",headers:{"content-type":"false","process-data":"false"}};


    // const fields= {
    //     "AWSAccessKeyId": "xxxxxx",//     "acl": "public-read",//     "key": "upload_test2",//     "policy": "xxxxx",//     "signature": "xxxxx"
    //   }

    //   return {url,body:file,fields,"process-data":"false"}}
    }

我只想配置 getUploadParams 方法

链接： react-dropzone-uploader s3 link