angularjs - Uploading blob file to Amazon s3 -

-

i using ngcropimage crop image , want upload following this link:

ngcropimage directive returning me datauri of image , converting blob (after converting blob object: has size , type), converted datauri blob using following code:

/*html*/ <img-crop image="myimage" result-image="mycroppedimage" result-image-size="250"></img-crop>  $scope.myimage=''; $scope.mycroppedimage = {image: ''} var blob;  //called when user crops  var handlefileselect=function(evt) {   var file=evt.currenttarget.files[0];   var reader = new filereader();   reader.onload = function (evt) {     $scope.$apply(function($scope){       $scope.myimage=evt.target.result;     });   };   console.log($scope.mycroppedimage)   reader.readasdataurl(file);   var link = document.createelement('link');    blob = datauritoblob($scope.mycroppedimage)   console.log(blob) };  angular.element(document.queryselector('#fileinput')).on('change',handlefileselect);   function datauritoblob(datauri) {   // convert base64/urlencoded data component raw binary data held in string   var binary = atob(datauri.split(',')[1]);   var mimestring = datauri.split(',')[0].split(':')[1].split(';')[0];    var array = [];   for(var = 0; < binary.length; i++) {     array.push(binary.charcodeat(i));   }   return new blob([new uint8array(array)], {type: mimestring}); }  $scope.upload = function(file) {   //var file = new file(file, "filename");   // configure s3 object    console.log($scope.creds)   aws.config.update({ accesskeyid: $.trim($scope.creds.access_key), secretaccesskey: $.trim($scope.creds.secret_key) });   aws.config.region = 'us-east-1';   var bucket = new aws.s3({ params: { bucket: $.trim($scope.creds.bucket) } });    if(file) {     //file.name = 'abc';     var uniquefilename = $scope.uniquestring() + '-' + file.name;     var params = { key: file.name , contenttype: file.type, body: file, serversideencryption: 'aes256' };      bucket.putobject(params, function(err, data) {       if(err) {         // there error s3 config         alert(err.message);         return false;       }       else {         // success!         alert('upload done');       }     })     .on('httpuploadprogress',function(progress) {           // log progress information           console.log(math.round(progress.loaded / progress.total * 100) + '% done');         });   }   else {     // no file selected     alert('no file selected');   } }   $scope.uniquestring = function() {   var text     = "";   var possible = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz0123456789";    for( var i=0; < 8; i++ ) {     text += possible.charat(math.floor(math.random() * possible.length));   }   return text; }  //for uploading $scope.handlesave = function(){   $scope.upload(blob); }

now, want upload blob on s3 using this, not able figure out how upload blob file s3 (as not getting 'name' in blob file)

any appreciated. thanks

you can create file blob. can pass file name also.

var file = new file([blob], "filename");

this same file object can use upload on s3.

change handlesave method following. file name abc.png now

//for uploading $scope.handlesave = function(){   blob = datauritoblob($scope.mycroppedimage)   $scope.upload(new file([blob], "abc.png")); }

Comments

Post a Comment

Popular posts from this blog

python - pip install -U PySide error -

-
does know how avoid following error when running pip install -u pyside per official website instructions here: https://pypi.python.org/pypi/pyside/#installing-pyside-on-a-mac-os-x-system note have done brew install qt successfully. you using pip version 7.0.3, version 7.1.2 available. should consider upgrading via 'pip install --upgrade pip' command. collecting pyside using cached pyside-1.2.4.tar.gz installing collected packages: pyside running setup.py install pyside complete output command /applications/anaconda/bin/python -c "import setuptools, tokenize;__file__='/private/var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-build-cpxemt/pyside/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-0r7hri-record/install-record.txt --single-version-externally-managed --compile: ...
Read more

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

-
simple question: i'm trying initialize array within c++ class declaration: using namespace std; #include <string> class myclass{ public: string myarray[] = {"a","b","c"}; }; and i'm getting error: error: brace-enclosed initializer not allowed here before ‘{’ token no, without complied c++11 compiler, cannot initialize member array in declaration. have initialize array member in constructor. , don't use open array if know number of elements initialize array.
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more