Questions tagged [evaporate.js]

EvaporateJS is a javascript library for directly uploading files from a web browser to AWS S3, using S3's multipart upload.

EvaporateJS is a javascript library for directly uploading files from a web browser to AWS S3, using S3's multipart upload.

Set up EvaporateJS

  1. Include evaporate.js in your page

  2. Setup your S3 bucket, make sure your CORS settings for your S3 bucket looks similar to what is provided below (The PUT allowed method and the ETag exposed header are critical).

    https://.yourdomain.com http://.yourdomain.com PUT POST DELETE ETag *

  3. Setup a signing handler on your application server (see signer_example.py). This handler will create a signature for your multipart request that is sent to S3. This handler will be contacted via AJAX on your site by evaporate.js. You can monitor these requests by running the sample app locally and using the Chrome Web inspector.

Useful Links

16 questions
11
votes
1 answer

Worker blocking UI thread in Chrome

I'm building a web app that uses EvaporateJS to upload large files to Amazon S3 using Multipart Uploads. I noticed an issue where every time a new chunk was started the browser would freeze for ~2 seconds. I want the user to be able to continue to…
4
votes
1 answer

Evaporate.js pause/resume

I am using Evaporate.js to upload files to Amazon Web Service . https://github.com/TTLabs/EvaporateJS This is working fine,But i need to add pause/resume features to my application.Is it possible? I notice that some empty functions are there in…
Shijin TR
  • 7,516
  • 10
  • 55
  • 122
2
votes
1 answer

EvaporateJS: Always get 403 SignatureDoesNotMatch error after resuming an upload

I use EvaporateJS in full compliance with official documentation and examples. My server side program works properly for signing v4, and the multipart upload is done properly. But I have a problem with the pause and resume functions. When I pause an…
2
votes
1 answer

evaporate.js not sending to_sign from mobile device

I am working on an app that has web and mobile ui components. We are using evaporate.js to call an endpoint that will return a pre-signed url for chunk uploading to aws buckets. This concept works when used from react and it sends the to_sign…
user1790300
  • 2,143
  • 10
  • 54
  • 123
2
votes
0 answers

AWS S3 - key is not expected for the get method

Very weird occurrence of this error (see below). Points of note: Web app in question has >500 daily users, all of them uploading objects into S3 daily Two users, have this one error when they try and upload a file The same users, if they try a…
Hemal
  • 1,617
  • 2
  • 12
  • 21
2
votes
1 answer

Using Temporary Credentials giving SignatureDoesNotMatch issue

We are working on s3 browser based multipart file using EvaporateJS, Using pre-signed URL with temperory credentials. Following will be my configuration var amz_headers_common = {}; var amz_headers_at_initiate = {}; var amz_headers_at_upload =…
sk2
  • 1,171
  • 1
  • 10
  • 28
1
vote
1 answer

Evaporate.js upload file with x-amz-security-token: SignatureDoesNotMatch

I want upload a file with evaporate.js and crypto-js using x-amz-security-token: import * as Evaporate from 'evaporate'; import * as crypto from "crypto-js"; Evaporate.create({ aws_key: , bucket: 'my-bucket', awsRegion:…
ar099968
  • 6,963
  • 12
  • 64
  • 127
1
vote
1 answer

Upload in chrome background tab

I am using evaporate to upload stuff to s3, and there's a lot of files to be uploaded. I really want this process to be seamless to the user. There's one problem though. Google Chrome has Throttle expensive background timers feature that drastically…
Skeeve
  • 1,205
  • 3
  • 16
  • 31
1
vote
1 answer

AWS SignatureDoesNotMatch error on ap-south-1 region

I have created pre-signed URL for post file to AWS s3 bucket, it's working for ap-southeast-1 but for ap-south-1 it shown me signature does not match error. I'm using sign v4 and evaporate.js to do multipart upload
kaliyappan
  • 11
  • 2
1
vote
1 answer

Cancel upload angular-evaporate

I am using angular-evaporate https://github.com/uqee/angular-evaporate for uploading files to Amazon Web Service(AWS). I need to add a cancel button in it.There is a function already available in Evaporate.js. _.cancel = function(id){ …
Shijin TR
  • 7,516
  • 10
  • 55
  • 122
0
votes
0 answers

Evaporate JS - add is undefined

I can't seem to figure out what the problem is. I'm trying to use EvaporateJS to upload files to S3, I'm also using React. Here is what my code looks like: Blockquote useEffect(() => { Evaporate.create({ aws_key: AWS_ACCESS_KEY, …
George
  • 1
0
votes
2 answers

How to use nodejs crypto in cryptoMd5Method of EvaporateJS

I'm using EvaporateJS in a react project which uses webpack. As described in the documentation I used the following: (I don't want to use the aws-sdk because of the package size which btw works properly) cryptoMd5Method: function (data) { return…
Foez Ahmed
  • 93
  • 10
0
votes
1 answer

evaporate.js s3 direct uploads 403

I am attempting to upload files directly to the browser to S3 using evaporate js. I followed the tutorial at jqueryajaxphp.com but I am having a problem with the signature Signature.php
Lonergan6275
  • 1,938
  • 6
  • 32
  • 63
0
votes
1 answer

Using Evaporatejs with file path

I'm trying to use Evaporatejs to upload files to AWS, but we need to use it not from the browser but from the node layer. Imagine just a javasript script that is trying to upload the "file" object that is supposed to be created from a file path.…
Anoop Dixith
  • 633
  • 2
  • 8
  • 20
0
votes
1 answer

Set maximum allowed file size for S3 multipart upload

You can limit file size with content-length-range field in a browser based upload (not multipart): http://docs.aws.amazon.com/AmazonS3/latest/API/sigv4-HTTPPOSTConstructPolicy.html How can you limit it in a multipart upload? I'm using EvaporateJS.
MartinP
  • 365
  • 3
  • 12
1
2