download image in reactjs code example
Example 1: showing an image in react js
import image from './path-to-image';
<img src={image} height={100} width={100} />
Example 2: import img react
import shoe1 from './img/shoe_01.jpg'
const Shoe = (e) => {
return (
<div className="shoe-container">
<img src={shoe1} alt=""/>
</div>
);
}
Example 3: nodejs download image from url
var fs = require('fs'),
request = require('request');
var download = function(uri, filename, callback){
request.head(uri, function(err, res, body){
console.log('content-type:', res.headers['content-type']);
console.log('content-length:', res.headers['content-length']);
request(uri).pipe(fs.createWriteStream(filename)).on('close', callback);
});
};
download('https://www.google.com/images/srpr/logo3w.png', 'google.png', function(){
console.log('done');
});