{"headers": {}, "status": 0, "text": "Stream Closed"}

[johnny-washswat]

I am having an issue with android only when I try to upload image

{"headers": {}, "status": 0, "text": "Stream Closed"}

[MarySnopok]

Facing same error , that is reoccurring on gallery access for Android devices. Would be great to have some feedback on the issue.

[dev-avishek]

Facing the same issue, Package version --> "react-native-aws3": "^0.0.9"

System: OS: Windows 10 10.0.22621 CPU: (8) x64 Intel(R) Core(TM) i5-10210U CPU @ 1.60GHz Memory: 5.60 GB / 15.83 GB Binaries: Node: 16.17.1 Yarn: 1.22.19 npm: 8.15.0 Watchman: 20220918.223204.0 SDKs: Android SDK: API Levels: 28, 31, 32, 33 Build Tools: 30.0.2, 30.0.3, 31.0.0, 33.0.0 System Images: android-33 | Google APIs Intel x86 Atom_64, android-33 | Google Play Intel x86 Atom_64 Android NDK: Not Found Windows SDK: Not Found IDEs: Android Studio: AI-221.6008.13.2211.9514443 Visual Studio: Not Found Languages: Java: 17.0.6 npmPackages: @react-native-community/cli: Not Found react: 18.2.0 => 18.2.0 react-native: 0.71.8 => 0.71.8 react-native-windows: Not Found npmGlobalPackages: react-native: Not Found

[asfaqehussain]

Did you get the solution for this issue ? I'm facing the same with react native version 71.11

[johnny-washswat]

Did you get the solution for this issue ? I'm facing the same with react native version 71.11

I wanted to bring to your attention that this package is no longer being maintained. However, I have created a new package that you can check out for your needs: react-native-aws3-manager

Additionally, I'd like to share a code snippet that might be helpful for those encountering upload issues. This approach retries the handleUploadImage function within a try-catch block:

try { await handleUploadImage(file, result, path); if (index === images.length - 1) { resolve(result); } } catch (e) { await handleUploadImage(file, result, path); if (index === images.length - 1) { resolve(result); } }

[dev-avishek]

@johnny-washswat @asfaqehussain the issue persists. Looks like there is a CORS or header issue and maybe AWS has introduced some new fine-grained security rules to upload blob into s3. So, maybe that is the reason why the package keeps breaking.

Also, for me, it happens when I'm trying to upload a couple of blob images/docs consecutively. To tackle it I have put the function inside the try{}catch{} block and once it failed showing a confirmation to the user to upload the file/image again. That's the hack for now that I'm using not super convenient though. 🤔

[asfaqehussain]

Resolved for me. The issue was with the wifi connection (weird), with mobile hotspot or changing the network it works perfectly. @johnny-washswat try changing the internet connection.

[dev-avishek]

Resolved for me. The issue was with the wifi connection (weird), with mobile hotspot or changing the network it works perfectly. @johnny-washswat try changing the internet connection.

Really, sounds weird but great if that solves the issue, I'll try and give you the update.

[dev-avishek]

@asfaqehussain this is still there if I switched my internet. Did you test on Debug APK or Prod?

[asfaqehussain]

@asfaqehussain this is still there if I switched my internet. Did you test on Debug APK or Prod?

In debug

[MuhammadFaisal12q]

i am also facing same issue any updates ?

[asfaqehussain]

@MuhammadFaisal12q I got it resolved by changing the ACL permissions.

[MuhammadFaisal12q]

johnny-washswa Issue Fixed i tried @johnny-washswat solution What i did was i put inside the try catch when the error occurs i call the same function which i used inside try so, when the it catches error it call the uploadImage function again ........................

[MuhammadFaisal12q]

This Works for me !! I use For loop ... if file upload fails it try at max attempts ...after max attempts if still file upload fails it show user error message "Failed to upload file ...."

async function uploadFile(filePath, fileName, fileType, s3key, maxRetries = 3) {

  const file = {
    uri: filePath,
    name: fileName,
    type: fileType
  }

  const options = {
    keyPrefix: "",
    bucket: s3key?.bucket,
    region: s3key?.region,
    accessKey: s3key?.accessKey,
    secretKey: s3key?.secretKey,
    successActionStatus: 201
  }

  let res = { status: 0, response: null };
  // Check if all necessary properties are set
  if (!options.bucket || !options.region || !options.accessKey || !options.secretKey) {
    console.log('One or more S3 configuration options are missing.');
    return;
  }

  let uploadSuccessful = false;

  for (let i = 0; i < maxRetries; i++) {
    try {
      const response = await RNS3.put(file, options);
      if (response?.status == 201) {
        res = { status: 201, response: response?.body?.postResponse?.location };
        uploadSuccessful = true;
        break;
      } else {
        res = { status: response?.status, response: response?.text?.match(/<Code>(.*?)<\/Code>/)?.[1] }
      }
    } catch (exception) {
      console.log(`S3 exception = ${JSON.stringify(exception)}`);
      if (i === maxRetries - 1) {
        uploadSuccessful = false;
      }
    }
  }

  if (!uploadSuccessful) {
    ALERT.ShowAlert_Snackbar("Failed to upload file...", STYLE_STRING.COLOR.ERROR);
  }

  return res;
}`