TODO-6:解放你的双手,文档自动上传
2018-03-08 11:47
363 查看
命令行自动化上传内容
作为前端的搬瓦工,是不是经常会有在自己公司内部需要向运营后台或者什么后台管理工具上传代码的经历?
我虽然不是很频繁接触这个业务场景,但是遇到过几次就快被频繁的手动操作给逼疯了。于是想了一个办法,解放自己的双手。
首先简单说一下我的应用场景:比如业务有一个需求到我这边,我需要做一个H5页面给予支持,然后将主要代码上传到后台,在线查看效果,有修改就再次重复以上操作。
对于什么自己搭建开发环境,搞什么mock数据,对于这种可以直接在线看效果的情况,简直不算什么。
所以,我就有了做一个自动上传的工具的想法。
环境准备:Nodejs,
用到的插件:glob,node-fetch,form-data
说一下大体思路:
1:读文件
2:创建form-data对象
3:组装需要上传的内容
4:发起上传请求
5:处理上传结果
作为前端的搬瓦工,是不是经常会有在自己公司内部需要向运营后台或者什么后台管理工具上传代码的经历?
我虽然不是很频繁接触这个业务场景,但是遇到过几次就快被频繁的手动操作给逼疯了。于是想了一个办法,解放自己的双手。
首先简单说一下我的应用场景:比如业务有一个需求到我这边,我需要做一个H5页面给予支持,然后将主要代码上传到后台,在线查看效果,有修改就再次重复以上操作。
对于什么自己搭建开发环境,搞什么mock数据,对于这种可以直接在线看效果的情况,简直不算什么。
所以,我就有了做一个自动上传的工具的想法。
环境准备:Nodejs,
用到的插件:glob,node-fetch,form-data
说一下大体思路:
1:读文件
2:创建form-data对象
3:组装需要上传的内容
4:发起上传请求
5:处理上传结果
#!/usr/bin/env node const fs = require('fs'); const path = require('path'); const glob = require('glob'); const resolve = file => path.resolve(__dirname, file); const filePath = glob.sync(resolve('./dist/文件名'));//多个文件 const fileContent = filePath.map(e => fs.readFileSync(e, 'utf-8')).join('\n'); const filePath = resolve('./dist/文件名');//单个文件 const fileContent = fs.readFileSync(filePath, 'utf-8'); const form = new FormData(); form.append('key', fileContent); fetch('http://xxx.xxx.com/upload/ss', { method: 'POST', headers: { Cookie: '后台登录需要的' }, body: form }) .then(res => res.text())//返回的是html,如果是json,res.json() .then(res => { console.log(res);//上传结果看自己的情况处理 }) .catch(err => { //异常处理 });
相关文章推荐
- 自动把动态的jsp页面(或静态html)生成PDF文档,并且上传至服务器
- asp.net中实现上传文档到服务器端的指定文件夹,并且自动生成随机数更改文档的名字
- @半条_虫 淘宝天猫自动批量打旗帜插件,精准打旗解放双手
- jQuery上传文件到服务器,实现量上传及压缩包导入,支持Office文档、PDF、图像、音视频和图纸等各类型文件。上传完成后系统自动为图片、音、视频类文件增加摘要及缩略图
- Process Monitor监测记录表明,QQ不仅会自动访问许多与聊天无关的程序和文档,例如“我的文档”等敏感位置,测试当天的上网记录也没能幸免。随后,QQ还会产生大量网络通讯,很可能是将数据上传到腾讯服务器。短短10分钟内,它访问的无关
- 给你一个全自动的屏幕适配方案(基于SW方案)!—— 解放你和UI的双手
- Zabbix用户福利来了,解放你的双手,动态根据用户需求自动创建图像
- 新增WORD文档自动上传编辑器
- 还在手动玩游戏?你out了,现在都用python实现全自动解放双手!
- 新增WORD文档自动上传编辑器
- 中文关键词自动分类-----从此解放双手了
- 新增WORD文档自动上传编辑器
- 定时服务,上传线上自动跑数据
- 使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图
- FileUpload上传控件用法详解--来自MSDN帮助文档
- Spring mvc + mybatis+maven集成swagger ui自动生成api文档
- 使用jenkins自动打包Cordova APP、配置版本号并上传sftp
- 关闭WordPress上传图片时自动生成缩略图功能
- 如何嵌入并自动使用 MFC 的 Word 文档
- 自动生成api文档