将react-本地Signaturepad输出转换为formData？

Question

我需要将react native signaturepad输出作为图像上传到服务器。我已经尝试了以下代码

//this.state.base64 is signaturepad output
let  blob = new Blob([this.state.base64], {type: 'image/png'});
    alert(blob.size);
      var fd = new FormData()
      fd.append('file',blob,"Sign.png")
         let url="http://xxxxxx/xxxx/xxx/";
        fetch(url, {
          method: 'POST',
          headers: {        
            'Content-Type': 'multipart/form-data'
          },
          body: fd
        }).then(function (response) {
               alert("dfdfdfdfd")
        });

使用上面的代码我得到

“多部分正文必须至少有一部分”

错误请任何人帮我解决这个问题

谢谢

Answer 1

我认为这样生成blob可能有问题，因为blob（blobParts\[，options\]），支持blobParts的类型

由ArrayBuffer、ArrayBufferView、Blob、DOMString对象组成的数组，或将放入Blob中的任何此类对象的组合DOMStrings编码为UTF-8。

因此，一个简单的方法来转换bas64到blob将使用读取api

let base64Url = // Your Base 64 URL

fetch(base64Url)
.then(res => res.blob())
.then(blob => //Use the blob here)

然后，您可以根据需要执行其余的操作。