小编Pra*_*eep的帖子

有人可以告诉我如何使用AWS JavaScript将画布图像上传到S3服务器吗？

我在使用JavaScript SDK在Amazon S3服务器上上传图像时有点麻烦,需要实现以下功能.

- >在HTML5画布上创建图像并在JavaScript中调整图像大小.

- >然后将图像上传到Amazon S3服务器.

但问题是:

*)在将图像上传到S3服务器时,它将在S3上而不是图像上传图像像素信息.

因此,在S3浏览器预览中,它使用以下代码显示图像流而不是图像.

此外,AWS Javascript支持Body,格式如下Buffer,Typed Array,Blob,String,ReadableStream.

以下是代码:

HTML代码

<canvas id="myCanvas" width="800" height="800" style="background-color: greenyellow;">Your browser doesn't support html5! Please download the latest version.
</canvas>
<input type="button" id="upload-button" value="Upload to S3" />

<script src="https://sdk.amazonaws.com/js/aws-sdk-2.0.4.min.js"></script>



<script type="text/javascript">
        AWS.config.update({ accessKeyId: 'ACCESSKEY', secretAccessKey: 'SECRETKEY' });
        AWS.config.region = 'ap-southeast-1';

         $(function () {

         $("#upload-button").click(OnUpload);    

         });

         function OnUpload(){

            var canvas = document.getElementById("myCanvas");
            var ctx = canvas.getContext("2d");

            var img = new Image();
            img.src = 'Images/IMG_0001.JPG';

            img.onload = function …