Pages
- Export tabe Excel in Asp.net
- CSS
- Date Picker in Jquery
- SQL
- Sort Self Code
- JavaScript(Print Page)
- Web Services Part-4(How to make changes to wcf ser...
- WCF Services Part-3( WCF service implementing mult...
- Home
- WCF Services Part-2(configuration web.config)
- WCF Services Part-1
- Web Services part-1 (introduction)
- Web Service PART-5 ( Call Web Service using JQuery...
- Web Service PART-4 ( Calling asp net web service f...
- Web Service PART-3 (WebMethod attribute properties...
- Web Service PART-2 (Session State )
Wednesday, 17 February 2021
Upload base64 image in Angular to NodeJs
======Angular
onFileChange(event: any) {
var reader: any = new FileReader();
if (event.target.files && event.target.files.length > 0) {
let file = event.target.files[0];
console.log("file:", file);
reader.readAsDataURL(file);
console.log("reader:", reader);
reader.onload = () => {
console.log(">>>>", reader.result)
var p = {
oData: reader.result.toString()
// oData: reader.result.toString().split(',')[1],
}
this.uploadfile(p);
}
};
}
uploadfile(p: any) {
try {
this.gbls.uploadfile(p).subscribe((data: any) => {
var result: any = data;
if (result.Result == true) {
this.uimage = result.location;
this.gbls.successTost(data.Message);
} else {
this.gbls.errorTost(data.Message);
}
}, error => {
this.gbls.errorTost("Not Responding");
});
} catch (e) {
this.gbls.errorTost(" catch Error");
}
}
==================NodeJs
const fs = require('fs');
app.use('/api/uploadfile', (req, res, next) => {
// console.log(">>",req.body);
var imgB64Data = req.body.oData;
var decodedImg = decodeBase64Image(imgB64Data);
var imageBuffer = decodedImg.data;
var type = decodedImg.type;
console.log("type", type)
// var extension = mime.extension(type);
var extension = "jpg";
console.log("type", extension);
console.log(">>>", new Date());
var date = new Date();
var fileName = date.getTime() + "_image." + extension;
try {
fs.writeFileSync("public/uploads/" + fileName, imageBuffer, 'utf8');
res.send({ Message: "Fileupload", Result: true, fileName: fileName, location: "uploads/" + fileName })
}
catch (err) {
console.error(err)
res.send({ Message: " Fail to Upload File", Result: true, err: err })
}
});
function decodeBase64Image(dataString) {
var matches = dataString.match(/^data:([A-Za-z-+\/]+);base64,(.+)$/),
response = {};
if (matches.length !== 3) {
return new Error('Invalid input string');
}
response.type = matches[1];
response.data = new Buffer(matches[2], 'base64');
return response;
}
Subscribe to:
Comments (Atom)
IIS deployment support details
Node JS - IIS deployment support details node: http://go.microsoft.com/?linkid=9784334 IISNode: https://github.com/azure/iisnode/releases/...
Pages
- Home
- Export tabe Excel in Asp.net
- CSS
- Sort Self Code
- SQL
- JavaScript(Print Page)
- Date Picker in Jquery
- WCF Services Part-3( WCF service implementing mult...
- Web Services Part-4(How to make changes to wcf ser...
- WCF Services Part-2(configuration web.config)
- WCF Services Part-1
- Web Services part-1 (introduction)
- Web Service PART-5 ( Call Web Service using JQuery...
- Web Service PART-4 ( Calling asp net web service f...
- Web Service PART-3 (WebMethod attribute properties...
- Web Service PART-2 (Session State )
-
@ NgModule ({ declarations: [ GrdFilterPipe ] }) import { Pipe , PipeTransform } from '@angular/core' ; @ Pipe...
-
======Angular onFileChange(event: any) { var reader: any = new FileReader(); if (event.target.files && event.target.files.l...
-
public void MailSant( string Subject, string message_text, string to1) { //------------ Mail Code Start here .....