如何在Angular5中将图像从URL上传到Amazon S3

Question

我想将图像从URL上传到我的Amazon S3 buctkett。

我可以使用以下代码上传，但结果是网址，而不是图片...

在我的Angular5控制器中：

import { AwsService } from '../../services/aws.service';
...
@Injectable()
export class MyClass {
  constructor(
    private aws: AwsService,
  ) {}

  sendimg() {
    var imgurl = 'https://www.google.be/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png';
    const allparams = {
      Body: imgurl,
      Key: place_id + 'logo.png',
      ContentType: 'png',
      ACL: 'public-read'
    };
    this.aws.s3upload(allparams, 'mybuckett');
  }
}

在aws.service.ts中：

import { S3 } from 'aws-sdk';
import { Config } from '../app/config';
...
@Injectable()
export class AwsService {
  s3upload(allparams, bucket) {
    var AWS = require('aws-sdk');
    AWS.config.update({
      accessKeyId: Config.AWS.accessKeyId,
      secretAccessKey: Config.AWS.secretAccessKey,
      region: Config.AWS.region
    });
    var s3 = new AWS.S3({
      params: { Bucket: bucket}
    });
    s3.upload(allparams, function (err, data) {
      if (err) {
        alert(err);
      }
    });
  }
}

是否可以直接这样做？ 还是应该先从URL下载文件，然后将其上传到S3存储桶？

我怎样才能做到这一点 ？

Answer 1

您可以使用aws sdk直接在客户端上直接执行此操作，但是由于存在安全漏洞，因此不建议这样做。

我建议您编写一种服务器方法来获取文件并上传到s3。