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

时间:2018-07-20 17:45:14

标签: angular amazon-web-services amazon-s3

我想将图像从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存储桶?

我该怎么做?

1 个答案:

答案 0 :(得分:1)

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

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