https://github.com/wh5938316/use-s3-uploader

Aws S3 signed url uploader & hooks for React
https://github.com/wh5938316/use-s3-uploader

aws aws-s3 hooks react s3 signed-urls typescript uploader

Last synced: 12 months ago
JSON representation

Aws S3 signed url uploader & hooks for React

• Host: GitHub
• URL: https://github.com/wh5938316/use-s3-uploader
• Owner: wh5938316
• Created: 2021-09-04T07:59:17.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-09-07T10:04:05.000Z (almost 5 years ago)
• Last Synced: 2025-07-07T05:53:50.734Z (12 months ago)
• Topics: aws, aws-s3, hooks, react, s3, signed-urls, typescript, uploader
• Language: TypeScript
• Homepage:
• Size: 146 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
use-s3-uploader

===========================

From Browser

------------

```jsx

  import React, { useRef } from 'react';

  import { useS3Uploader } from 'use-s3-uploader';

  const Example = (props) => {

    const inputRef = useRef(null);

    const getSignedUrl = (file, next) => {

      next({

        signedUrl: "https://example.amazonaws.com/test.jpg?x-amz-acl=......."

      });

    };

    const onUploadStart = (file, next) => {

      next(file);

    }

    const onProgress = (percent, status, file) => {

      console.log('onProgress', percent, status, file)

    }

    const onError = (error, file) => {

      console.log(error, file)

    }

    const onFinish = (signResult, file) => {

      console.log(signResult, file);

    }

    useS3Uploader({

      getSignedUrl: getSignedUrl,

      onUploadStart: onUploadStart,

      onProgress: onProgress,

      onError: onError,

      onFinish: onFinish,

      accept: 'image/*',

      uploadRequestHeaders: {

        'x-amz-acl': 'public-read',

      },

      contentDisposition: 'auto',

    }, inputRef);

    return (

      


        

      

    )

  }


  export default Example;

```