前端一向比較喜好tinypng
緊縮圖片,然則每次都要用手拖來拖去,很累.
近來不忙了,node
擼了一段100
行的代碼,一個敕令全自動緊縮文件夾(包括子文件夾)里一切大小小於5MB
的jpg
和png
圖片,親測勝利,再次謝謝tinypng
。
大致思緒:
- 遞歸獵取當地文件夾里的文件
- 過濾文件,花樣必需是
.jpg
.png
,大小小於5MB.(文件夾遞歸) - 每次只處置懲罰一個文件(能夠繞過20個的數目限定)
- 處置懲罰返回數據拿到長途優化圖片地點
- 取回圖片更新當地圖片
- 純node完成不依賴任何其他代碼片斷
上代碼:
const fs = require('fs');
const path = require('path');
const https = require('https');
const crypto = require('crypto');
const { URL } = require('url');
const root = './',
exts = ['.jpg', '.png'],
max = 5200000; // 5MB == 5242848.754299136
const options = {
method: 'POST',
hostname: 'tinypng.com',
path: '/web/shrink',
headers: {
rejectUnauthorized: false,
'Postman-Token': Date.now(),
'Cache-Control': 'no-cache',
'Content-Type': 'application/x-www-form-urlencoded',
'User-Agent':
'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36'
}
};
fileList(root);
// 獵取文件列表
function fileList(folder) {
fs.readdir(folder, (err, files) => {
if (err) console.error(err);
files.forEach(file => {
fileFilter(folder + file);
});
});
}
// 過濾文件花樣,返回一切jpg,png圖片
function fileFilter(file) {
fs.stat(file, (err, stats) => {
if (err) return console.error(err);
if (
// 必需是文件,小於5MB,後綴 jpg||png
stats.size <= max &&
stats.isFile() &&
exts.includes(path.extname(file))
) {
fileUpload(file); // console.log('能夠緊縮:' + file);
}
if (stats.isDirectory()) fileList(file + '/');
});
}
// 異步API,緊縮圖片
// {"error":"Bad request","message":"Request is invalid"}
// {"input": { "size": 887, "type": "image/png" },"output": { "size": 785, "type": "image/png", "width": 81, "height": 81, "ratio": 0.885, "url": "https://tinypng.com/web/output/7aztz90nq5p9545zch8gjzqg5ubdatd6" }}
function fileUpload(img) {
var req = https.request(options, function(res) {
res.on('data', buf => {
let obj = JSON.parse(buf.toString());
if (obj.error) {
console.log(`[${img}]:緊縮失利!報錯:${obj.message}`);
} else {
fileUpdate(img, obj);
}
});
});
req.write(fs.readFileSync(img), 'binary');
req.on('error', e => {
console.error(e);
});
req.end();
}
// 該要領被輪迴挪用,要求圖片數據
function fileUpdate(imgpath, obj) {
let options = new URL(obj.output.url);
let req = https.request(options, res => {
let body = '';
res.setEncoding('binary');
res.on('data', function(data) {
body += data;
});
res.on('end', function() {
fs.writeFile(imgpath, body, 'binary', err => {
if (err) return console.error(err);
console.log(
`[${imgpath}] \n 緊縮勝利,原始大小-${obj.input.size},緊縮大小-${
obj.output.size
},優化比例-${obj.output.ratio}`
);
});
});
});
req.on('error', e => {
console.error(e);
});
req.end();
}