file reader base5

by marcelow

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/superagent/1.2.0/superagent.min.js"></script>
<input type="file" name="file" id="file" />
<img id="img" src="" />

JavaScript

//file read
var fileInput = document.querySelector('#file');
var img = document.querySelector('#img');

function previewImage(file) {
    var reader = new FileReader();
    reader.onload = (function(aImg) {
        return function(e) {
            aImg.src = e.target.result;
            console.log(e.target.result);
        };
    })(img);
    reader.readAsDataURL(file);
}

function uploadImage(name, file) {
    //var request = superagent.post('http://localhost:9991/upload');
    var request = superagent.post('http://newarc-stg.whipclip.com:9070/v2/images/upload?apiVersion=1.0&imageType=COVER');
    request.set('Authorization', 'Bearer 57a55100eb184dbfb6beef286a951f50')
    request.attach(name, file);
    request.end(function(res, e){
        console.log('yay got ', res, e);
    }).on('progress', function(e) {
        console.log('Percentage done: ', e.percent);
    });
}

fileInput.addEventListener("change", handleFiles, false);
function handleFiles() {
    var fileList = this.files; /* now you can work with the file list */
    previewImage(fileList[0]);
    uploadImage('file', fileList[0]);
}