js 使用预签名(presigned) url 上传文件到 AWS S3服务（解决生成的文件格式错误问题）

• 背景
  项目里有图片上传的需求，具体实现是后端生成presigned url（预签名url，里面包含上传到AWS S3所需要的一些认证标识信息）给到前端，前端通过这个URL将文件上传到云服务上。但是上传成功后，从CDN上下载下来的文件打不开，而且只有前端有这个问题，客户端可以正常上传，一开始以为是框架问题，而且亚马逊官方也没有直接上传相关的文档（都是使用SDK的方式上传），所以问题很难定位，后来在github上找到了方案。
• 相关步骤

1. 从后端获取presigned url ，亚马逊官网有Java、PHP、node等生成presigned url的文档
   
2. 使用presigned url上传图片，前端使用的是element UI + axios， 这里使用的element UI 自定义上传的方式，特别需要注意的就是直接上传文件，不要用formdata的格式上传

HTML部分

 <el-upload
     class="avatar-uploader"
     action="123"
    :http-request="upload"
    :before-upload="beforeAvatarUpload">
    <img v-i