uploadBlob with HTTP PUT corrupted

[giantslogik]

Describe the bug I'm replacing react-native-fetch-blob with this library. This library seems to force form-data when using the uploadBlob API. This results in a corrupted upload. (upload is to google cloud storage)

To Reproduce const request = { absoluteFilePath: filePath, method: 'PUT', mimeType: mimeType || 'application/octet-stream', url, onProgressWrap, progressIntervalMilliseconds: 250, };

const res = await BlobCourier.uploadBlob(request);

Expected behavior File is uploaded correctly.

Actual behavior The headers end up inside the uploaded file: Screenshots I opened the binary png file, in a text editor , as you can see its corrupt and the headers are in the uploaded file.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[edeckers]

Hi @giantslogik thank you for reporting this problem, I'll try to take a closer look this weekend!

[giantslogik]

@edeckers I believe google cloud storage and other PUT based uploads, should not be using form data. I replaced the blob-courier code with the following:

  const localFile = await fetch(filePath);
  const blob = await localFile.blob();
 var xhr = new XMLHttpRequest();
    xhr.open('PUT', url, true);
    xhr.onload = function () {
      if (xhr.status >= 200 && xhr.status < 300) {
        ....
      } else {
      ....
      }
    };
    xhr.onerror = function () {
     ...
    };
    xhr.upload.onprogress =  function () {
     ...
    };
    xhr.setRequestHeader('Accept', 'application/json');
    xhr.setRequestHeader('Content-Type', mimeType || 'application/octet-stream');
    xhr.send(blob);