const http = require('http'); const fs = require('fs'); const server = http.createServer(); server.on('request', function (req, res) { // 根据每次请求的文件类型给予相应的响应 var urls = req.url; if(urls=='/'){ res.writeHead(200, {'Content-Type': 'text/html;charset=u…

文件结构如下: 实现的功能有: 可以通过浏览器使用. 当请求http://domain/start时,可以看到一个欢迎页面,页面上有一个文件上传的表单. 用户可以选择一个图片并提交表单,随后文件将被上传到http://domain/upload,该页面完成上传后会把图片显示在页面上. 模块的功能: HTTP服务器:提供Web页面 server.js //请求(require)Node.js自带的 http 模块,并且把它赋值给 http 变量 var http = require("http&q…

我把react项目分成4个板块,在路由的顶层 今天在手机上打开react项目的时候,发现平级路由跳转时某一个图片较多的板块图片总是渲染得很慢,这分明是重新发起请求了. 然后我先查一下react-router是否有什么我还没了解到的问题,可是只查到有人说动态修改查询参数的时候不重新渲染,以及“同级路由跳转理所当然会重新渲染,必要时把某些组件挂载为子路由组件”之类的. 然后我打开我的node服务器查看,发现果然每次跳转时服务器都log下了一堆请求,这就奇怪了. 然后我查了下,发现原来是我的服务端脚本…

1.前端一般用Jcrop这个jq插件 要返回 x: 图片 x坐标 y: 图片 y坐标 w: 图片 宽度 h: 图片 高度 2.node 实现 var images = require("images"); router.post('/updateImg.do', function(req, res) { var parameter = JSON.parse(res.req.body.parameter); var name = parameter.name; var url = app…

看了下,距离上次发帖都是去年10月份的事,忙于工作的我很少跑博客园里面来玩了. 做这个小网站的初衷是 https://tinypng.com/ 这个网站有时候访问很慢,然后自己去研究了下图片压缩. 网上有看到 https://tinypng.com/ 中使用的 pngquant , 我去下载了pngquant的cli看了下,然后就开始了这个小网站的基础. 先看看前端页面: 这个功能还会扩建,所以现在界面只有简洁的一部分. 现在的功能基本上只有图片压缩和打包下载, 前端页面用到的: vue.web…

设计出图后经常需要改下尺寸放在别的项目上使用,每次都是设计手工处理,其实图片服务可以做更多事情,比如借助强大的im,可以通过url控制图片尺寸 var childProcess = require('child_process') var path = require('path') ,http = require('http') ,fs = require('fs') const dns_host = 'xxx.net' //图片源站地址 const PATH_IMGS = '/home/wo…

利用formData实现ajax上传图片后,保存图片到指定收藏夹,然后展示新重命名后的图片 html: <input type="file" id="uploadImg" onchange="uploadfile1()"> javascript: <script> function uploadfile1() { console.log('changed') var form = new FormData(); // //…

前言 最近,女王大大日常找我弄图片,本来之前我一直是ps帮他弄得,后来- -,ps不能分割过长的图片,我就想想能不能通过代码来帮他实现好了. 经过我在npm搜索一番,发现没有一个纯代码层面的high tools来实现这个功能,索性就自己通过node-canvas这个库弄个小例子出来,自己使用好了 gm这个库是可以实现的,但是他需要额外安装两个工具,所以- -我就放弃了 简单搭建一下 新建一个clip目录 初始化一个node项目工程 npm init -y 安装依赖,这里主要用到了三个依赖,分别是…

1.node-formidable 对文件上传提供帮助的组件 2.app.js var formidable = require('formidable'); var http = require( 'http' ); var sys = require('sys'); http.createServer(function( request ,response ){ if( request.url == '/upload' && request.method.toLowerCase() =…

const {readFile, readFileSync} = require('fs'); const decodeImage = require('jimp').read; const qrcodeReader = require('qrcode-reader'); const path = require("path"); var p = path.resolve(__dirname,"data/qrcode2.jpg"); readFile(p,funct…