403 Forbidden: The request signature we calculated does not match the signature you provided. Check your key and signing method. about react-s3-uploader HOT 6 CLOSED

With fix from #11, can you see if this still is broken?

We should change the path from /s3/img to /s3/files or /s3/uploads to account for this not being specific to images.

from react-s3-uploader.

@seanadkinson still doesn't seem to be working for me when I try to upload an audio file. The onError fires with a 403

from react-s3-uploader.

Okay, I think I figured out whats going on. It appears that the mimeType on the Node side doesn't match up with the file.type on the front end. This is causing things to 403. i.e. foo.wav mimeType in node is audio/x-wav, while on the front end the file type is audio/wav

A suggested fix could be something like:

xhr.open('GET', this.signingUrl + '?objectName=' + fileName + '&contentType=' + file.type, true);

And then on the node side:

ContentType: req.query.contentType

@seanadkinson thoughts?

from react-s3-uploader.

Ah, that makes sense. Interesting that the browser and node have different mime types for the same extension, but since the browser is the one uploading the file, I suppose he should be in charge of the mime type.

Did you want to put together some changes on a branch and submit a PR? I may not get to this until later this week.

from react-s3-uploader.

Ah, just saw #14, thanks!

from react-s3-uploader.

@njj Pushed v1.1.12. Thanks!

from react-s3-uploader.