Amazon S3 업로드 이미지-브라우저에서 직접 Angular JS 사용

사 바리

angular js를 사용하여 브라우저에서 Amazon S3로 이미지를 직접 업로드하려고합니다.

아래는 내 코드입니다.

function _upload($files) {
                $scope.file = $files[0];
                $scope.creds = {
                    access_key: '***',
                    secret_key: '***',
                    bucket: 'sabari-test'
                };

                var bucket = new AWS.S3({
                    params: {
                        Bucket: $scope.creds.bucket
                    }
                });
                AWS.config.accessKeyId = $scope.creds.access_key;
                AWS.config.secretAccessKey = $scope.creds.secret_key;
                AWS.config.region = 'us-west-2';

                // AWS.

                if ($scope.file) {
                    // Perform File Size Check First
                    var fileSize = Math.round(parseInt($scope.file.size));
                    if (fileSize > $scope.sizeLimit) {
                        console.log('Sorry, your attachment is too big.');
                        return false;
                    }
                    // Prepend Unique String To Prevent Overwrites
                    var uniqueFileName = 'hai' + '-' + $scope.file.name;

                    var params = {
                        Key: uniqueFileName,
                        ContentType: $scope.file.type,
                        Body: $scope.file,
                        ServerSideEncryption: 'AES256'
                    };

                    bucket.putObject(params, function(err, data) {
                        if (err) {
                            console.log(err.message);
                            return false;
                        } else {
                            // Upload Successfully Finished
                            console.log('File Uploaded Successfully');
                        }
                    })
                } else {
                    // No File Selected
                    console.log('Please select a file to upload');
                }
            }

아래 오류가 발생합니다.

"구성에 자격 증명 누락"

누락 된 자격 증명이 무엇인지 알려주세요.

감사.

Josep

다음 줄을 바꿔야합니다.

            var bucket = new AWS.S3({
                params: {
                    Bucket: $scope.creds.bucket
                }
            });
            AWS.config.accessKeyId = $scope.creds.access_key;
            AWS.config.secretAccessKey = $scope.creds.secret_key;
            AWS.config.region = 'us-west-2';

이것으로 :

            var bucket = new AWS.S3({
                region = 'us-west-2',
                credentials: new AWS.Credentials($scope.creds.access_key, $scope.creds.secret_key)
            });

그런 다음 버킷을 var params

                var params = {
                    Bucket: $scope.creds.bucket,
                    Key: uniqueFileName,
                    ContentType: $scope.file.type,
                    Body: $scope.file,
                    ServerSideEncryption: 'AES256'
                };

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

브라우저에서 직접 Amazon S3에 이미지 업로드-Angular JS 사용

분류에서Dev

URL에서 Amazon S3로 이미지를 직접 업로드 할 수 있습니까?

분류에서Dev

JavaScript로 AWS S3에 직접 이미지 업로드

분류에서Dev

Swift3를 사용하여 Amazon S3에 이미지 업로드

분류에서Dev

양식 데이터를 사용하여 여러 파일을 Amazon S3에 직접 업로드하는 방법은 무엇입니까?

분류에서Dev

Rails에서 PaperClip을 사용하여 Amazon S3에 업로드 된 이미지의 경로 변경

분류에서Dev

Amazon S3 버킷에 파일을 직접 업로드하려고하면 요청이 실패 함

분류에서Dev

asp.net에서 직접 URL로 amazon s3 업로드 파일

분류에서Dev

PHP SDK를 사용하여 Amazon S3에서 크기 조정 된 이미지 업로드

분류에서Dev

Swift 3 및 Amazon SDK를 사용하여 Amazon S3에 이미지 업로드를위한 업로드 진행률 표시

분류에서Dev

Amazon S3를 사용한 Rails 5.2 TinyMCE 이미지 업로드

분류에서Dev

Amazon S3에서 WebView 웹 사이트로 이미지로드

분류에서Dev

브라우저에서 Outlook으로 * 직접 * 이미지를 복사하여 붙여 넣을 수 없습니다.

분류에서Dev

Amazon S3에 이미지를 업로드합니다. 소스 코드

분류에서Dev

Amazon S3 서버에 업로드 할 수없는 이미지

분류에서Dev

amazon s3에 이미지 업로드, 바이너리 여야합니까?

분류에서Dev

Node.js를 사용하여 Amazon S3에서 즉시 이미지 크기 조정

분류에서Dev

Amazon s3 개조 실패에 이미지 업로드 : 시간 초과

분류에서Dev

SimpleImage로 이미지 크기를 조정하고 Amazon S3로 직접 전송

분류에서Dev

Amazon S3가 브라우저에서 미디어 URL 열기 방지

분류에서Dev

Amazon S3 Cognito-이미지 선택기에서 이미지 업로드-Swift 3

분류에서Dev

AFNewtorking Amazon S3에서 이미지로드

분류에서Dev

S3 버킷에 업로드 된 이미지는 브라우저에서 볼 수 없음

분류에서Dev

클러스터 및 Amazon S3를 사용한 이미지 업로드 전략

분류에서Dev

PreSignedUrl을 사용하여 S3에 직접 업로드 할 때 FineUploader onProgress가 올바르게 실행되지 않음

분류에서Dev

브라우저에서 Reflect.js 및 zone.js없이 Angular 2 사용

분류에서Dev

S3 직접 업로드 + Rails + Dropzone.js

분류에서Dev

브라우저에서 파일을 업로드 한 후 Amazon S3 응답 본문

분류에서Dev

S3에 이미지 업로드

Related 관련 기사

  1. 1

    브라우저에서 직접 Amazon S3에 이미지 업로드-Angular JS 사용

  2. 2

    URL에서 Amazon S3로 이미지를 직접 업로드 할 수 있습니까?

  3. 3

    JavaScript로 AWS S3에 직접 이미지 업로드

  4. 4

    Swift3를 사용하여 Amazon S3에 이미지 업로드

  5. 5

    양식 데이터를 사용하여 여러 파일을 Amazon S3에 직접 업로드하는 방법은 무엇입니까?

  6. 6

    Rails에서 PaperClip을 사용하여 Amazon S3에 업로드 된 이미지의 경로 변경

  7. 7

    Amazon S3 버킷에 파일을 직접 업로드하려고하면 요청이 실패 함

  8. 8

    asp.net에서 직접 URL로 amazon s3 업로드 파일

  9. 9

    PHP SDK를 사용하여 Amazon S3에서 크기 조정 된 이미지 업로드

  10. 10

    Swift 3 및 Amazon SDK를 사용하여 Amazon S3에 이미지 업로드를위한 업로드 진행률 표시

  11. 11

    Amazon S3를 사용한 Rails 5.2 TinyMCE 이미지 업로드

  12. 12

    Amazon S3에서 WebView 웹 사이트로 이미지로드

  13. 13

    브라우저에서 Outlook으로 * 직접 * 이미지를 복사하여 붙여 넣을 수 없습니다.

  14. 14

    Amazon S3에 이미지를 업로드합니다. 소스 코드

  15. 15

    Amazon S3 서버에 업로드 할 수없는 이미지

  16. 16

    amazon s3에 이미지 업로드, 바이너리 여야합니까?

  17. 17

    Node.js를 사용하여 Amazon S3에서 즉시 이미지 크기 조정

  18. 18

    Amazon s3 개조 실패에 이미지 업로드 : 시간 초과

  19. 19

    SimpleImage로 이미지 크기를 조정하고 Amazon S3로 직접 전송

  20. 20

    Amazon S3가 브라우저에서 미디어 URL 열기 방지

  21. 21

    Amazon S3 Cognito-이미지 선택기에서 이미지 업로드-Swift 3

  22. 22

    AFNewtorking Amazon S3에서 이미지로드

  23. 23

    S3 버킷에 업로드 된 이미지는 브라우저에서 볼 수 없음

  24. 24

    클러스터 및 Amazon S3를 사용한 이미지 업로드 전략

  25. 25

    PreSignedUrl을 사용하여 S3에 직접 업로드 할 때 FineUploader onProgress가 올바르게 실행되지 않음

  26. 26

    브라우저에서 Reflect.js 및 zone.js없이 Angular 2 사용

  27. 27

    S3 직접 업로드 + Rails + Dropzone.js

  28. 28

    브라우저에서 파일을 업로드 한 후 Amazon S3 응답 본문

  29. 29

    S3에 이미지 업로드

뜨겁다태그

보관