Uploading Videos to S3 uploads immediately, but does not upload correclty

[onsiteUDA]

Updated to v6.5.1 Videos from camera roll on IOS were being uploaded to S3 instantly, the file seemed to be there in the bucket, however previewing/downloading the file uploaded would not play as if it had been corrupted. Photos work fine they show up as intended

       const access = new Credentials({
           accessKeyId: myKeyID,
           secretAccessKey: mySecretAccessKey
         });


         const s3 = new S3({
           credentials: access,
           region: 'us-west-2',
           signatureVersion: 'v4',
         });

         const s3Params = {
           Bucket:myBucket,
           Key: image.s3key,
           Expires: 900,
           ContentType: mimeType,
           ACL: 'public-read',
         };

         let url = s3.getSignedUrl('putObject', s3Params);
         options = {
           type: 'raw',
           method: 'PUT',
           headers: {
             'content-length': image.size.toString(),
             accept: mimeType,
           },
           url: url, 
           field: 'file',
           path:  path,
           // Below are options only supported on Android
           notification: {
             enabled: true,
             onCompleteTitle: 'File uploaded successfully',
             onErrorTitle: 'File failed to upload',
           },
         };


Upload.startUpload(options).then((uploadId) => {
 console.log('Upload started')
 Upload.addListener('progress', uploadId, (data) => {
   console.log(`Progress: ${data.progress}%`)
 })
 Upload.addListener('error', uploadId, (data) => {
   console.log(`Error: ${data.error}%`)
 })
 Upload.addListener('cancelled', uploadId, (data) => {
   console.log(`Cancelled!`)
 })
 Upload.addListener('completed', uploadId, (data) => {
   // data includes responseCode: number and responseBody: Object
   console.log('Completed!')
 })
}).catch((err) => {
 console.log('Upload error!', err)
})

Attempted to use Post instead using the following

 options = {
            type: 'multipart',
            method: 'POST',
            headers: {
              'content-type': mimeType, 
              'content-length': image.size.toString(),
            },
            url: myURLPost,
            field: 'file',
            path: path,
            parameters: {
              ...S3Policy.generate({
                bucket: myBucket,
                region: 'us-west-2',
                accessKey: myKey
                secretKey: mySecrectAccessKey,
                successActionStatus: 201,
                key: image.s3key,
                date: new Date(),
                contentType: mimeType,
              }),
            },
            // Below are options only supported on Android
            notification: {
              enabled: true,
              onCompleteTitle: 'File uploaded successfully',
              onErrorTitle: 'File failed to upload',
            },
          };

It also had the same outcome.

I then proceeded to downgrade back to where I was (6.2.0) since it was working then. The first method used works for photos as intended but not for the videos; however, the second method used, correctly uploads the video to S3 as they are in the bucket and can be previewed/downloaded correclty

[He1nr1chK]

Hi @onsiteUDA,

Don't know if I am too late, and I also don't know if this might solve your problem but I encountered something similar. In my case files with whitespace in the file name would show that it was finished uploading but on S3 showed 0kb. I used react-native-document-picker & expo-file-system. My solution was to do the following:

const { extension } = await Upload.getFileInfo(filePath);
  localPath = `${FileSystem.documentDirectory}${nameWithNoWhitespace}.${extension}`;
  await FileSystem.copyAsync({
    from: filePath,
    to: localPath,
});

Hope this helps someone!