{"id":26263452,"url":"https://github.com/wh5938316/use-s3-uploader","last_synced_at":"2025-07-20T12:33:18.934Z","repository":{"id":57388340,"uuid":"402998922","full_name":"wh5938316/use-s3-uploader","owner":"wh5938316","description":"Aws S3 signed url uploader \u0026 hooks for React","archived":false,"fork":false,"pushed_at":"2021-09-07T10:04:05.000Z","size":150,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-07T05:53:50.734Z","etag":null,"topics":["aws","aws-s3","hooks","react","s3","signed-urls","typescript","uploader"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wh5938316.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-09-04T07:59:17.000Z","updated_at":"2023-03-17T09:54:41.000Z","dependencies_parsed_at":"2022-09-02T06:02:18.415Z","dependency_job_id":null,"html_url":"https://github.com/wh5938316/use-s3-uploader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wh5938316/use-s3-uploader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wh5938316%2Fuse-s3-uploader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wh5938316%2Fuse-s3-uploader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wh5938316%2Fuse-s3-uploader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wh5938316%2Fuse-s3-uploader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wh5938316","download_url":"https://codeload.github.com/wh5938316/use-s3-uploader/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wh5938316%2Fuse-s3-uploader/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266127212,"owners_count":23880420,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aws","aws-s3","hooks","react","s3","signed-urls","typescript","uploader"],"created_at":"2025-03-14T01:17:55.593Z","updated_at":"2025-07-20T12:33:18.915Z","avatar_url":"https://github.com/wh5938316.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"use-s3-uploader\n===========================\n\nFrom Browser\n------------\n\n```jsx\n  import React, { useRef } from 'react';\n  import { useS3Uploader } from 'use-s3-uploader';\n\n  const Example = (props) =\u003e {\n    const inputRef = useRef(null);\n\n    const getSignedUrl = (file, next) =\u003e {\n      next({\n        signedUrl: \"https://example.amazonaws.com/test.jpg?x-amz-acl=.......\"\n      });\n    };\n\n    const onUploadStart = (file, next) =\u003e {\n      next(file);\n    }\n\n    const onProgress = (percent, status, file) =\u003e {\n      console.log('onProgress', percent, status, file)\n    }\n\n    const onError = (error, file) =\u003e {\n      console.log(error, file)\n    }\n\n    const onFinish = (signResult, file) =\u003e {\n      console.log(signResult, file);\n    }\n\n    useS3Uploader({\n      getSignedUrl: getSignedUrl,\n      onUploadStart: onUploadStart,\n      onProgress: onProgress,\n      onError: onError,\n      onFinish: onFinish,\n      accept: 'image/*',\n      uploadRequestHeaders: {\n        'x-amz-acl': 'public-read',\n      },\n      contentDisposition: 'auto',\n    }, inputRef);\n\n    return (\n      \u003cdiv\u003e\n        \u003cinput type='file' ref={inputRef} multiple={true} /\u003e\n      \u003c/div\u003e\n    )\n  }\n\n  export default Example;\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwh5938316%2Fuse-s3-uploader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwh5938316%2Fuse-s3-uploader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwh5938316%2Fuse-s3-uploader/lists"}