通过预先签名的URL将文件上载到AWS S3时Javascript不工作
我生成一个预签名的URL，用于通过Python支持的API将文件上载到AWS S3。一旦用户在浏览器中选择文件（见下文），此部分将接收文件名信息，并返回带有基本URL和字段的JSON有效负载（见下文）通过预先签名的URL将文件上载到AWS S3时Javascript不工作,javascript,python,amazon-web-services,amazon-s3,Javascript,Python,Amazon Web Services,Amazon S3,我生成一个预签名的URL，用于通过Python支持的API将文件上载到AWS S3。一旦用户在浏览器中选择文件（见下文），此部分将接收文件名信息，并返回带有基本URL和字段的JSON有效负载（见下文） 导入日志 进口boto3 从botocore.exceptions导入ClientError def create_presigned_post（桶名称、对象名称、， 字段=无，条件=无，过期=3600）： #生成预先签名的S3 POST URL s3\u client=boto3.client（
导入日志
进口boto3
从botocore.exceptions导入ClientError
def create_presigned_post（桶名称、对象名称、，
字段=无，条件=无，过期=3600）：
#生成预先签名的S3 POST URL
s3\u client=boto3.client（'s3'））
尝试：
response=s3\u client.generate\u presigned\u post（bucket\u name，
对象名称，
字段=字段，
条件=条件，
ExpiresIn=到期日）
除ClientError作为e外：
logging.error（e）
一无所获
#响应包含预先签名的URL和必填字段
返回响应
{
“url”：”https://s3.us-east-2.amazonaws.com/my_bucket_name",
“字段”：{
“key”：“some.txt”，
“AWSAccessKeyId”：“ASI…”，
“x-amz-security-token”：“Ag9o…”，
“政策”：“eyJ…=”，
“签名”：“jn…”
}
}
URL\u值值
文件：
最近是否有人实施了此功能并能提供帮助？我相信您必须传递AWS机密，例如
"key": "some.txt",
"AWSAccessKeyId": "ASI...",
"x-amz-security-token": "Ag9o...",
"policy": "eyJ...=",
"signature": "jn...="
fetch
$（文档）.ready（函数（）{
var PRESIGNED_URL=“”
$（'input[type=“file”]”）。更改（函数（e）{
var fileName=e.target.files[0]。名称；
变量设置={
“异步”：true，
“跨域”：正确，
“url”：”https://my_api.com",
“方法”：“发布”，
“标题”：{
“内容类型”：“应用程序/x-www-form-urlencoded”，
},
“数据”：{
“文件名”：文件名
}
}
$.ajax（设置）.done（函数（响应）{
$（“#文件名”）.html（文件名）
预签名的URL=响应[“URL”]
$（“#表单”）.attr（“操作”，响应[“url]”）
$（“#键”）.val（响应[“字段”][“键”]）
$（“#AWSAccessKeyId”）.val（响应[“字段”][“AWSAccessKeyId”]）
$（“#策略”）.val（响应[“字段”][“策略”]）
$（“#签名”）.val（响应[“字段”][“签名”]）
$（“#x-amz-security-token”）.val（响应[“字段”][“x-amz-security-token”]）
返回
});
});
$（“#按钮”）。在（“单击”上，函数（e）{
var form=document.getElementById（'form'）；
var formData=新formData（表格）；
var xhr=new XMLHttpRequest（）；
//在此处添加任何事件处理程序。。。
xhr.upload.addEventListener（'progress'，函数（e）{
var完成百分比=（e.loaded/e.total）*100；
//已完成上载的百分比
控制台日志（完成百分比）；
});
xhr.onloadstart=函数（e）{
console.log（“开始”）
}
xhr.onloadend=函数（e）{
控制台日志（“结束”）
}
xhr.open（'POST'，PRESIGNED_URL，true）；
xhr.send（formData）；
$（“#文件名”）.html（“”）
})
});
（我相信这对很多人来说是显而易见的，但我只是在必要时做前端开发…这比你发布的内容更容易
fetch(yourSignedUrl, {
method: 'PUT',
body: file,
headers: {
'Content-Type': file.type
}
}).then((res) => {
if (!res.ok) {
throw new Error(res.statusText);
}
return res.headers.get('ETag');
});
我收到的错误消息多种多样：
禁止访问被拒绝错误请求格式错误的请求create\u presigned\u url\u expanded（'put\u object'，…）