2017-12-15 4 views
0

ich folgenden Code versucht haben, setzen, nehmen Sie bitte dies als BeispielWie base64 Video URL auf amazon s3 url usign axios

var options = { headers: { 'Content-Type': 'media/mp4' }}; 
var video_buffer = new Buffer(videoBase64string); 
var data = { 
    Key: signedVideoKey, 
    Body: video_buffer, 
    ContentEncoding: 'base64' 
}; 

axios.put(signedVideoUrl, data, options).then((resp) => { 
    alert('Video has been uploaded.') 
} 
+0

lesen, warum meine Frage eigentlich nicht richtig ist Ich bin neu Überlauf zu stapeln. Es wird kein Fehler von der API erzeugt, aber das hochgeladene Video wird beschädigt und spielt nicht im Player – Anil

+0

Sie haben den Kontext nicht beschrieben, was Sie erreichen möchten und was das Problem ist. Auf diese Weise ist unklar, wie wir Ihnen helfen können – Irreducible

Antwort

1

Hier ist ein vollständiges Beispiel ist, wie meine Dateien hochladen auf S3 url unterzeichnet. Hier wurde mir klar, dass wir base64url nicht einfach hochladen müssen, ohne die Datei zu verschlüsseln.

Vielen Dank an Medium. Hier können Sie mehr über diese https://medium.com/@kevinwu/client-side-file-upload-to-s3-using-axios-c9363ec7b530

var React = require('react'); 
var Dropzone = require('react-dropzone'); 
var axios = require('axios'); 

exports = module.exports = React.createClass({ 
    _onDrop: function (files) { 
    var file = files[0]; 

    axios.get(ENDPOINT_TO_GET_SIGNED_URL, { 
     filename: file.name, 
     filetype: file.type 
    }) 
    .then(function (result) { 
     var signedUrl = result.data.signedUrl; 

     var options = { 
     headers: { 
      'Content-Type': file.type 
     } 
     }; 

     return axios.put(signedUrl, file, options); 
    }) 
    .then(function (result) { 
     console.log(result); 
    }) 
    .catch(function (err) { 
     console.log(err); 
    }); 
    }, 
    render: function() { 
    return (
     <Dropzone onDrop={ this._onDrop } size={ 150 }> 
     <div> 
      Drop some files here! 
     </div> 
     </Dropzone> 
    ); 
    } 
}); 
Verwandte Themen