node.js文件上传重命名以及移动位置的示例代码


Posted in Javascript onJanuary 19, 2018

一个关于node上传文件的例子,下面是前端代码,

doUpload() {
  var formData = new FormData($("#uploadForm")[0]);
  $.ajax({
   url: 'http://localhost:3011/upload',
   type: 'POST',
   data: formData,
   async: false,
   cache: false,
   contentType: false,
   processData: false,
   success: function (returndata) {
    alert(returndata);
   },
   error: function (returndata) {
    // alert(returndata);
   }
  });
 }
<form id="uploadForm">
     <p>上传文件:
      <input id="UpImage" type="file" name="file"/>
      <input id="text" type="text" name="text" value="232323"/>
     </p>
     <input type="button" value="上传" onClick={this.doUpload.bind(this)}/>
     <input type="button" onClick={()=>{this.submit()}} value="确定"/>
 </form>

服务端 代码 需要安装插件formidable

exports.upload = function (req,res,next) {
//keepExtensions为true时,显示文件扩展名
 var form = new formidable.IncomingForm({keepExtensions:true});
//指定文件目录
 form.uploadDir = path.join(__dirname);
 form.parse(req,function (err,fields,files) {
  //fields存放的为json数据
  //files存放的是文件信息
  //更改文件目录,并且显示上传之前的名字
  fs.rename(files.file.path,__dirname+'/'+files.file.name,function (a,b) {
  });
  res.json({success:'修改成功'})
 });
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript String.replace的妙用
Sep 08 Javascript
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
JS按字节截取字符长度实例
Nov 20 Javascript
FireBug 调试JS入门教程 如何调试JS
Dec 23 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 Javascript
使用bootstrap3开发响应式网站
May 12 Javascript
详解AngularJS中ng-src指令的使用
Sep 07 Javascript
微信小程序 弹窗自定义实例代码
Mar 08 Javascript
vue多种弹框的弹出形式的示例代码
Sep 18 Javascript
基于ts的动态接口数据配置的详解
Dec 18 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 Javascript
详解Node.js模板引擎Jade入门
Jan 19 #Javascript
JS实现碰撞检测的方法分析
Jan 19 #Javascript
angular1配合gulp和bower的使用教程
Jan 19 #Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 #Javascript
Angular实现搜索框及价格上下限功能
Jan 19 #Javascript
vue 插值 v-once,v-text, v-html详解
Jan 19 #Javascript
web前端vue实现插值文本和输出原始html
Jan 19 #Javascript
You might like
PHP中文分词的简单实现代码分享
2011/07/17 PHP
php生成html文件方法总结
2014/12/01 PHP
php获取当前页面完整URL地址
2015/12/30 PHP
Prototype源码浅析 String部分(三)之HTML字符串处理
2012/01/15 Javascript
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
jQuery特殊符号转义的实现
2016/11/30 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
Angular ElementRef简介及其使用
2018/10/01 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
微信小程序解析富文本过程详解
2019/07/13 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
Python实现股市信息下载的方法
2015/06/15 Python
横向对比分析Python解析XML的四种方式
2016/03/30 Python
python爬虫使用cookie登录详解
2017/12/27 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
Python lambda表达式用法实例分析
2018/12/25 Python
10 行Python 代码实现 AI 目标检测技术【推荐】
2019/06/14 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
Python之Matplotlib文字与注释的使用方法
2020/06/18 Python
在tensorflow以及keras安装目录查询操作(windows下)
2020/06/19 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
下面关于"联合"的题目的输出是什么
2013/08/06 面试题
工会经费申请报告
2015/05/15 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
nginx七层负载均衡配置详解
2022/07/15 Servers
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript