Sé cómo hacer amazon s3 carga de archivos en angular 1. Puedo saber cómo subir archivos en angular 2. pero yo no encuentro ninguna solución para angular 2.

Podría agregar sugerencia acerca de la manera en que lo hizo en Angular1? De esta manera, voy a ser capaz de adaptar su código a Angular2…
He utilizado este método para subir el archivo en amazon cubo en angularjs cheynewallace.com/uploading-to-s3-with-angularjs
has tenido La oportunidad De revisar mi respuesta?

OriginalEl autor Deepak | 2016-03-15

3 Comentarios

  1. 5

    Todavía necesita mejor/algo de seguridad.

    html

    <form  (ngSubmit)="onSubmit(f)" #f="ngForm" action="">
    <input type="file" (change)="fileEvent($event)" />
    </form>
    <button (click)="uploadfile(f)">Upload file!</button>
    

    ts

    export class Page2 {
        myfile:any;
        file:any;
    
    constructor() {
    }
    
    
       uploadfile(event) {
            AWS.config.accessKeyId = 'YOUR-ACCESS-KEY';
            AWS.config.secretAccessKey = 'YOU-SECRET-ACCESS-KEY';
            var bucket = new AWS.S3({params: {Bucket: 'YOUR-BUCKET-NAME'}});
            var params = {Key: this.file.name, Body: this.file};
            bucket.upload(params, function (err, data) {
                console.log(err, data);
            });
        }
    
    
        fileEvent(fileInput: any){
            var files = event.target.files;
            var file = files[0];
            this.file = file;
        }
    
    }
    
    ¿De dónde surgió esta clase AWS proviene?
    Es el AWS js sdk @CassioLandim
    es seguro poner el secreto en el lado del cliente js como que ?
    He utilizado tu código pero cuando he añadido esta línea var archivos = evento.de destino.archivos; su muestra mensaje de error que es : la Propiedad ‘archivos’ no existe en el tipo ‘EventTarget’. He utilizado anjular2
    Yo tenía el mismo problema. Trate de usar fileInput lugar. Debe deshacerse de la EventTarget error fileEvent(fileInput: cualquier){ var archivos = fileInput.srcElement.archivos; var archivo = archivos[0]; este.archivo = archivo; }

    OriginalEl autor CESCO

  2. 3

    Si usted está usando un Rieles de backend (o incluso Nodo) la solución más sencilla es crear un presigned url (que debe ser una PUT) y, a continuación, utilizar un Angular de servicio para llamar a ese PUESTO y adjuntar el archivo en el cuerpo de la solicitud.

    Usted puede leer más acerca de cómo lo hice aquí.

    OriginalEl autor rmcsharry

  3. 0

    No sé si has solucionado este problema, pero ya todo lo que tienes que hacer es reconstruir el post de la solicitud de enviar a S3

    Usted puede comprobar fuera de este:
    https://github.com/ntheg0d/angular2_aws_s3

    gracias. he convertido a este enlace en angular2 ahora su trabajo bien. gracias por su apoyo
    Puede publicar su Angular 2 código? Estoy teniendo problemas para
    compruebe el GitHub enlace que he publicado anteriormente, el código puede ser obsoleto tho
    ver mi respuesta para un enlace a cómo he resuelto esto, un montón de Angular código que se muestra.

    OriginalEl autor ntheg0d

Dejar respuesta

Please enter your comment!
Please enter your name here