use-s3-uploader

From Browser

1  import React, { useRef } from 'react';
2  import { useS3Uploader } from '@mmmeff/use-s3-uploader';
3
4  const Example = (props) => {
5    const inputRef = useRef(null);
6
7    const getSignedUrl = (file, next) => {
8      next({
9        signedUrl: "https://example.amazonaws.com/test.jpg?x-amz-acl=......."
10      });
11    };
12
13    const onUploadStart = (file, next) => {
14      next(file);
15    }
16
17    const onProgress = (percent, status, file) => {
18      console.log('onProgress', percent, status, file)
19    }
20
21    const onError = (error, file) => {
22      console.log(error, file)
23    }
24
25    const onFinish = (signResult, file) => {
26      console.log(signResult, file);
27    }
28
29    useS3Uploader({
30      getSignedUrl: getSignedUrl,
31      onUploadStart: onUploadStart,
32      onProgress: onProgress,
33      onError: onError,
34      onFinish: onFinish,
35      accept: 'image/*',
36      uploadRequestHeaders: (file) => ({
37      }),
38      contentDisposition: 'auto',
39    }, inputRef);
40
41    return (
42      <div>
43        <input type='file' ref={inputRef} multiple={true} />
44      </div>
45    )
46  }
47
48  export default Example;