【文件属性】:
文件名称:Drag-and-Drop-Image-Uploader-With-AWS-S3
文件大小:1.84MB
文件格式:ZIP
更新时间:2021-05-27 19:53:14
JavaScript
带有AWS-S3的拖放图像上传器
介绍
使用
后端的Nodejs + Express
为前端做出React
适用于文件存储的AWS S3
演示和功能
拖移文件时突出显示
通过拖放上传单个文件
通过拖放上传多个文件
删除尚未同步到S3存储桶的图像
使用常规<input />上传文件
配置
在最.env的目录中创建一个.env ,遵循以下模式(也在.env_template ):
accessKeyId=
secretAccessKey=
region=
Bucket=
可以从我的秘密凭证访问密钥在AWS控制台中创建accessKeyId和secretAccessKey 。
可以在S3的存储段列表中找到该region ,
在此示例中, region是us-east-2 ,而Bucket是test-upload-huakun 。
【文件预览】:
Drag-and-Drop-Image-Uploader-With-AWS-S3-master
----client()
--------.gitignore(310B)
--------package.json(912B)
--------package-lock.json(599KB)
--------src()
--------public()
--------README.md(3KB)
----.gitignore(19B)
----package.json(838B)
----package-lock.json(40KB)
----.env_template(45B)
----README.assets()
--------input_multiple.gif(359KB)
--------highlight.gif(176KB)
--------single_file.gif(123KB)
--------image-20200410045855664.png(14KB)
--------multiple.gif(470KB)
--------delete.gif(509KB)
--------image-20200410045606235.png(56KB)
----README.md(1KB)
----.vscode()
--------launch.json(448B)
----server.js(1KB)