前言

我们程序员日常都会用到图片压缩，面对这么常用的功能，肯定要尝试实现一番。

第一步，node基本配置

这里我们用到的是koa框架，它可是继express框架之后又一个更富有表现力、更健壮的web框架。

1、引入基本配置

const Koa = require('koa');// koa框架const Router = require('koa-router');// 接口必备const cors = require('koa2-cors'); // 跨域必备const tinify = require('tinify'); // 图片压缩const serve = require('koa-static'); // 引入静态文件处理const fs = require('fs'); // 文件系统const koaBody = require('koa-body'); //文件保存库const path = require('path'); // 路径

2、使用基本配置

let app = new Koa();let router = new Router();tinify.key = ''; // 这里需要用到tinify官网的KEY,要用自己的哦，下面有获取key的教程。//跨域app.use(cors({ origin: function (ctx) { return ctx.header.origin; }, exposeHeaders: ['putable) { var percent = event.loaded / event.total * 100; document.querySelector("#progress .progress-item").style.width = percent + "%"; } } xhr.send(formdata); }); // 压缩图片 document.querySelector('.btn').onclick = function () { document.querySelector('.status').innerText='等待中......' var xhr = new XMLHttpRequest(); xhr.open("get", "http://localhost:6300/zipimg/"); xhr.send(); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { document.querySelector('.imgdiv').style.display = "block"; document.querySelector('.status').innerText='压缩成功' document.querySelector(".imgbox").setAttribute('src', './images/' + xhr.responseText) document.querySelector('.btn').style.display = "none"; } } }</script></html>

总结

以上所述是小编给大家介绍的Nodejs实现图片上传、压缩预览、定时删除功能,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！