Node.js模拟浏览器文件上传

最新推荐文章于 2024-04-24 09:43:40 发布
最新推荐文章于 2024-04-24 09:43:40 发布
阅读量1.2k 收藏
点赞数
分类专栏： Node.js

转自http://blog.csdn.net/jimmyvip/article/details/22084471



[javascript]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var path=require("path");  
  2. var fs=require("fs");  
  3. var http=require("http");  
  4.   
  5. //post值payload  
  6. var getfield=function(field, value) {  
  7.     return 'Content-Disposition: form-data; name="'+field+'"\r\n\r\n'+value+'\r\n';  
  8. }  
  9.   
  10. //文件payload  
  11. var getfieldHead=function (field, filename) {  
  12.     var fileFieldHead='Content-Disposition: form-data; name="'+field+'"; filename="'+filename+'"\r\n'+'Content-Type: '+getMime(filename)+'\r\n\r\n';  
  13.     return fileFieldHead;  
  14. }  
  15. //获取Mime  
  16. var getMime=function (filename) {  
  17.     var mimes = {  
  18.         '.png': 'image/png',  
  19.         '.gif': 'image/gif',  
  20.         '.jpg': 'image/jpeg',  
  21.         '.jpeg': 'image/jpeg',  
  22.         '.js': 'appliction/json',  
  23.         '.torrent': 'application/octet-stream'  
  24.     };  
  25.     var ext = path.extname(filename);  
  26.     var mime = mimes[ext];  
  27.     mime=!!mime?mime:'application/octet-stream';  
  28.     return mime;  
  29. }  
  30. //获取边界检查随机串  
  31. var getBoundary=function() {  
  32.     var max = 9007199254740992;  
  33.     var dec = Math.random() * max;  
  34.     var hex = dec.toString(36);  
  35.     var boundary = hex;  
  36.     return boundary;  
  37. }  
  38. //获取boundary  
  39. var getBoundaryBorder=function (boundary) {  
  40.     return '--'+boundary+'\r\n';  
  41. }  
  42. //字段格式化  
  43. function fieldPayload(opts) {  
  44.     var payload=[];  
  45.     for(var id in opts.field){  
  46.         payload.push(getfield(id,opts.field[id]));  
  47.     }  
  48.     payload.push("");  
  49.     return payload.join(getBoundaryBorder(opts.boundary));  
  50. }  
  51.   
  52. //post数据  
  53. function postRequest (opts) {  
  54.     filereadstream(opts,function (buffer) {  
  55.         var options=require('url').parse(opts.url);  
  56.         var Header={};  
  57.         var h=getBoundaryBorder(opts.boundary);  
  58.         var e=fieldPayload(opts);  
  59.         var a=getfieldHead(opts.param,opts.file);  
  60.         var d="\r\n"+h;  
  61.         Header["Content-Length"]=Buffer.byteLength(h+e+a+d)+buffer.length;  
  62.         Header["Content-Type"]='multipart/form-data; boundary='+opts.boundary;  
  63.         options.headers=Header;  
  64.         options.method='POST';  
  65.         var req=http.request(options,function(res){  
  66.             var data='';  
  67.             res.on('data', function (chunk) {  
  68.                 data+=chunk;  
  69.             });  
  70.             res.on('end', function () {  
  71.                 console.log(res.statusCode)  
  72.                 console.log(data);  
  73.             });  
  74.         });  
  75.         req.write(h+e+a);log.diy(h+e+a+buffer+d);  
  76.         req.write(buffer);  
  77.         req.end(d);  
  78.     });  
  79.       
  80. }  
  81. //读取文件  
  82. function filereadstream(opts, fn) {  
  83.     var readstream = fs.createReadStream(opts.file,{flags:'r',encoding:null});  
  84.     var chunks=[];  
  85.     var length = 0;  
  86.     readstream.on('data', function(chunk) {  
  87.         length += chunk.length;  
  88.         chunks.push(chunk);  
  89.     });  
  90.     readstream.on('end', function() {  
  91.         var buffer = new Buffer(length);  
  92.         for(var i = 0, pos = 0, size = chunks.length; i < size; i++) {  
  93.             chunks[i].copy(buffer, pos);  
  94.             pos += chunks[i].length;  
  95.         }  
  96.         fn(buffer);  
  97.     });  
  98. }  
  99.   
  100. //各类设置  
  101. var opt={  
  102.     "url":"http://xxxx.xx",//url  
  103.     "file":"00.jpg",//文件位置  
  104.     "param":"file",//文件上传字段名  
  105.     "field":{//其余post字段  
  106.         "client":"1",  
  107.         "title":"ok"  
  108.     },  
  109.     "boundary":"----WebKitFormBoundary"+getBoundary()  
  110. }  
  111.   
  112. postRequest(opt);  
  113. /* 
  114. ------WebKitFormBoundaryuzKmkAovUuYsQ1Dt\r\n 
  115.  
  116. Content-Disposition: form-data; name="file"; filename="00.jpg"\r\n 
  117. Content-Type: application/octet-stream 
  118. \r\n 
  119. \r\n +file\r\n 
  120.  
  121. ------WebKitFormBoundaryuzKmkAovUuYsQ1Dt\r\n 
  122.  
  123. Content-Disposition: form-data; name="fieldName" 
  124. \r\n 
  125. \r\n +value\r\n 
  126.  
  127. ------WebKitFormBoundaryuzKmkAovUuYsQ1Dt-- 
  128. */  
最后这个注释的是标准格式“\r\n”代表实际的字符串，为了看着舒服，视觉上也调整一下

参考：

参考自（XiongLiding） 所分享代码

 http://www.cnodejs.org/topic/4ffed8544764b729026b1da3

欢迎转载

转载请注明出处，谢谢


[javascript]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. var path=require("path");  
  2. var fs=require("fs");  
  3. var http=require("http");  
  4.   
  5. //post值payload  
  6. var getfield=function(field, value) {  
  7.     return 'Content-Disposition: form-data; name="'+field+'"\r\n\r\n'+value+'\r\n';  
  8. }  
  9.   
  10. //文件payload  
  11. var getfieldHead=function (field, filename) {  
  12.     var fileFieldHead='Content-Disposition: form-data; name="'+field+'"; filename="'+filename+'"\r\n'+'Content-Type: '+getMime(filename)+'\r\n\r\n';  
  13.     return fileFieldHead;  
  14. }  
  15. //获取Mime  
  16. var getMime=function (filename) {  
  17.     var mimes = {  
  18.         '.png': 'image/png',  
  19.         '.gif': 'image/gif',  
  20.         '.jpg': 'image/jpeg',  
  21.         '.jpeg': 'image/jpeg',  
  22.         '.js': 'appliction/json',  
  23.         '.torrent': 'application/octet-stream'  
  24.     };  
  25.     var ext = path.extname(filename);  
  26.     var mime = mimes[ext];  
  27.     mime=!!mime?mime:'application/octet-stream';  
  28.     return mime;  
  29. }  
  30. //获取边界检查随机串  
  31. var getBoundary=function() {  
  32.     var max = 9007199254740992;  
  33.     var dec = Math.random() * max;  
  34.     var hex = dec.toString(36);  
  35.     var boundary = hex;  
  36.     return boundary;  
  37. }  
  38. //获取boundary  
  39. var getBoundaryBorder=function (boundary) {  
  40.     return '--'+boundary+'\r\n';  
  41. }  
  42. //字段格式化  
  43. function fieldPayload(opts) {  
  44.     var payload=[];  
  45.     for(var id in opts.field){  
  46.         payload.push(getfield(id,opts.field[id]));  
  47.     }  
  48.     payload.push("");  
  49.     return payload.join(getBoundaryBorder(opts.boundary));  
  50. }  
  51.   
  52. //post数据  
  53. function postRequest (opts) {  
  54.     filereadstream(opts,function (buffer) {  
  55.         var options=require('url').parse(opts.url);  
  56.         var Header={};  
  57.         var h=getBoundaryBorder(opts.boundary);  
  58.         var e=fieldPayload(opts);  
  59.         var a=getfieldHead(opts.param,opts.file);  
  60.         var d="\r\n"+h;  
  61.         Header["Content-Length"]=Buffer.byteLength(h+e+a+d)+buffer.length;  
  62.         Header["Content-Type"]='multipart/form-data; boundary='+opts.boundary;  
  63.         options.headers=Header;  
  64.         options.method='POST';  
  65.         var req=http.request(options,function(res){  
  66.             var data='';  
  67.             res.on('data', function (chunk) {  
  68.                 data+=chunk;  
  69.             });  
  70.             res.on('end', function () {  
  71.                 console.log(res.statusCode)  
  72.                 console.log(data);  
  73.             });  
  74.         });  
  75.         req.write(h+e+a);log.diy(h+e+a+buffer+d);  
  76.         req.write(buffer);  
  77.         req.end(d);  
  78.     });  
  79.       
  80. }  
  81. //读取文件  
  82. function filereadstream(opts, fn) {  
  83.     var readstream = fs.createReadStream(opts.file,{flags:'r',encoding:null});  
  84.     var chunks=[];  
  85.     var length = 0;  
  86.     readstream.on('data', function(chunk) {  
  87.         length += chunk.length;  
  88.         chunks.push(chunk);  
  89.     });  
  90.     readstream.on('end', function() {  
  91.         var buffer = new Buffer(length);  
  92.         for(var i = 0, pos = 0, size = chunks.length; i < size; i++) {  
  93.             chunks[i].copy(buffer, pos);  
  94.             pos += chunks[i].length;  
  95.         }  
  96.         fn(buffer);  
  97.     });  
  98. }  
  99.   
  100. //各类设置  
  101. var opt={  
  102.     "url":"http://xxxx.xx",//url  
  103.     "file":"00.jpg",//文件位置  
  104.     "param":"file",//文件上传字段名  
  105.     "field":{//其余post字段  
  106.         "client":"1",  
  107.         "title":"ok"  
  108.     },  
  109.     "boundary":"----WebKitFormBoundary"+getBoundary()  
  110. }  
  111.   
  112. postRequest(opt);  
  113. /* 
  114. ------WebKitFormBoundaryuzKmkAovUuYsQ1Dt\r\n 
  115.  
  116. Content-Disposition: form-data; name="file"; filename="00.jpg"\r\n 
  117. Content-Type: application/octet-stream 
  118. \r\n 
  119. \r\n +file\r\n 
  120.  
  121. ------WebKitFormBoundaryuzKmkAovUuYsQ1Dt\r\n 
  122.  
  123. Content-Disposition: form-data; name="fieldName" 
  124. \r\n 
  125. \r\n +value\r\n 
  126.  
  127. ------WebKitFormBoundaryuzKmkAovUuYsQ1Dt-- 
  128. */  
最后这个注释的是标准格式“\r\n”代表实际的字符串，为了看着舒服，视觉上也调整一下

参考：

参考自（XiongLiding） 所分享代码

 http://www.cnodejs.org/topic/4ffed8544764b729026b1da3

欢迎转载

转载请注明出处，谢谢

Ymiku
关注
专栏目录
4. [使用 Puppeteer 在 Node.js 中模拟浏览器环境
初学者的专栏
05-27 1527
在这个示例中，我们首先导入 Puppeteer 模块，然后使用 `puppeteer.launch()` 方法创建一个浏览器实例。接着，我们使用 `browser.newPage()` 方法创建一个新的页面实例，并使用 `page.goto()` 方法加载 Google 的网页。最后，我们使用 `page.content()` 方法获取页面的 HTML 内容，并将其打印到控制台中。这只是 Puppeteer 的一个简单示例，它可以执行更复杂的任务，例如模拟用户交互、填写表单、截取屏幕截图等。
nodejs后端实现登录系统后模拟上传文件
xvnmeng的博客
12-19 255
标题 实现逻辑： 登录系统获取cookie 判断cookie是否有变化，有变化，更新cookie，没有变化，使用旧的登录cookie 开始进行发送报文或者文件上传 2. 导入库 const request = require('request') const axios = require('axios') const fs = require('fs') // new FormData() ...
Node.js模拟浏览器文件上传示例
10-26
主要介绍了Node.js模拟浏览器文件上传的实现代码,需要的朋友可以参考下
nodejs 实现模拟form表单上传文件
10-25
使用nodejs来模拟form表单进行文件上传，可以同时上传多个文件。
【代码】Node.js模拟浏览器文件上传
weixin_33947521的博客
03-25 160
2019独角兽企业重金招聘Python工程师标准>>> ...
【node进阶】Express+Multer+Postman模拟文件上传功能
前端小白在前进的博客
10-31 3855
Multer 是一个 node.js 中间件，用于处理 `multipart/form-data` 类型的表单数据，它主要用于上传文件。注意: Multer `不会处理任何非 multipart/form-data 类型的表单数据`。文件上传不同于我们传给后端普通的键值对，一般情况下我们所传的类型是`x-www-form-urlencoded`，但是`官方规定文件上传`的类型是`multipart/form-data`,我们如果自己去处理`multipart/form-data`类型的数据时...
consola:用于Node.js和浏览器的优雅控制台记录器
03-30
用于Node.js和浏览器的优雅控制台记录器 为什么选择Consola？ :OK_hand: 易于使用 :nail_polish: 花哨的输出，具有回退功能，适用于最小的环境 :electric_plug: 可插拔的记者 :laptop: 一致的命令行界面（CLI）...
适用于Node.js和浏览器的最轻巧但最快的Javascript测试运行程序-JavaScript开发
05-26
适用于Node.js和浏览器的zora快速javascript测试库Gitlab镜像安装npm i --save-dev zora如果您对Node.js的测试运行器感兴趣，请在zora之上构建pta。浏览器Gitlab镜像安装npm i --save-dev zora如果您对Nodejs的测试...
node.js时钟案例
04-13
在Node.js环境中，我们可以使用`jsdom`库来模拟浏览器环境执行JavaScript代码，或者使用`xhr`库来异步加载外部脚本。这有助于在服务器端预处理JavaScript，从而提高客户端的加载速度。 3. **resolveHTML(htmlStr)**...
Node层模拟实现multipart表单的文件上传示例
08-28
下面小编就为大家分享一篇Node层模拟实现multipart表单的文件上传示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Go-用于nodejs和浏览器功能齐全的LuaVM
08-14
用于nodejs和浏览器功能齐全的Lua VM
nodejs jsdom 模拟浏览器，执行DOM环境 js 文件
Rao的博客
06-09 1539
JsDOM 爬虫破解 js 代码
node 模拟生成浏览器指纹，添加干扰等，不包括浏览器内置方法
qq_42709514的博客
12-09 1374
node模拟浏览器指纹之帆布指纹、字体指纹、webgl指纹
koa + Puppeteer 登录百度云盘并上传文件
09-16 547
/** * Created by Warren on 2019/9/16. */const puppeteer = require("puppeteer");exports.loginFn = async ctx =>{ const browser = await puppeteer.launch({ ignoreHTTPSErrors: true, headl...
Nodejs（特点、环境变量、导入导出、浏览器调试node、npm和yarn、常见模块express和http等使用）
AIWWY的博客
07-08 1260
目录Node.js特点node环境变量process.argvprocess.env.npm_package_mainNODE_ENV__dirname导出引入浏览器调试node官方调试指南npm、yarn常见模块使用下载地址Node.js是JavaScript的允许环境，构建在谷歌浏览器的v8引擎之上，底层是c、c++开发。内置了npm包管理器（可以快速的管理应用程序的第三方插件）。1.使用事件驱动模型，每个函数都是异步的（可以简化并发编程）。2.内置许多模块功能，例如文件模块fs可以解决浏览器无法直接操
node 上传文件
chenxiaoyi0207的博客
03-06 243
前端代码： 之后再补 后台代码： let express = require(&quot;express&quot;); let app = express(); let multer = require(&quot;multer&quot;); let path = require(&quot;path&quot;); let objMulter = multer({ dest: &quot;/&quot; }); app.post(&am
探索Browser-Env：一个强大的浏览器环境模拟工具
最新发布
gitblog_00007的博客
04-24 661
探索Browser-Env：一个强大的浏览器环境模拟工具 Browser-EnvWeb crawlers use the real browser environment. 模拟真实浏览器环境执行, 修改js脚本, 免去补环境问题, 用得好可以通杀JS加密项目地址:https://gitcode.com/gh_mirrors/bro/Browser-Env 是一个由AidenCaptcha开发的...
实现模拟浏览器环境操作_jsdom的安装和解析
晦涩难董先生
10-04 2078
在Node.js中安装canvas库可以让你在服务器端使用JavaScript来处理和生成图像，这对于某些应用来说是很有用的。安装cmd(管理员身份) -->
puppeteer在浏览器中上传文件
m0_53753920的博客
03-11 834
本节有一个通过puppeteer在浏览器中上传文件的小演示。css定位元素标签介绍， 可以通过document.querySelector定位元素。span.soutu-btn : span类型的按钮input.upload-pic : input类型的按钮方法介绍： page方法里的一个keyboard（）方法，可以调用Keyboard对象， 模拟键盘的各种操作。// 模拟按下键盘上的某个按键// 模拟释放键盘上的某个按键// 输入文本// 使用修饰键。
用node.js模拟后端数据
07-15
在Node.js中，你可以使用一些库和技术来模拟后端数据。以下是一种常见的方法： 1. 使用Express框架创建一个简单的服务器： ```javascript const express = require('express'); const app = express(); const port = 3000; app.use(express.json()); app.listen(port, () => { console.log(`Server running on port ${port}`); }); ``` 2. 创建一个路由来处理API请求和模拟数据： ```javascript const express = require('express'); const router = express.Router(); router.get('/api/data', (req, res) => { // 模拟数据 const data = { id: 1, name: 'John Doe', age: 30 }; res.json(data); }); module.exports = router; ``` 3. 将路由添加到服务器中： ```javascript const express = require('express'); const app = express(); const port = 3000; const dataRouter = require('./routes/data'); app.use(express.json()); app.use('/', dataRouter); app.listen(port, () => { console.log(`Server running on port ${port}`); }); ``` 4. 运行服务器并通过浏览器访问模拟的数据： ``` $ node server.js Server running on port 3000 ``` 打开浏览器并访问 `http://localhost:3000/api/data`，你将看到模拟的数据。 这只是一个简单的示例，你可以根据自己的需求来定义更复杂的路由和模拟数据。同时，你还可以使用其他库（例如json-server）来更方便地模拟后端数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值