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 相关文章推荐
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
Mar 25 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
Nov 04 Javascript
bootstrap实现图片自动轮播
Dec 21 Javascript
仿京东快报向上滚动的实例
Dec 13 Javascript
vue-cli配置文件——config篇
Jan 04 Javascript
Angular5中调用第三方js插件的方法
Feb 26 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
Jun 26 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
Aug 20 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 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
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
JavaScript网页制作特殊效果用随机数
2007/05/22 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
2013/06/09 Javascript
在ASP.NET中使用JavaScript脚本的方法
2013/11/12 Javascript
从零学JS之你需要了解的几本书
2014/05/19 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
jQuery获得字体颜色16位码的方法
2016/02/20 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
node创建Vue项目步骤详解
2020/03/06 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python实现守护进程、守护线程、守护非守护并行
2018/05/05 Python
Windows下Anaconda2安装NLTK教程
2018/09/19 Python
django删除表重建的实现方法
2019/08/28 Python
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
六道php面试题附答案
2014/06/05 面试题
十八大感想感言
2014/02/10 职场文书
大学生个人自荐信
2014/02/24 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
行政处罚决定书
2015/06/24 职场文书
Python 批量下载阴阳师网站壁纸
2021/05/19 Python
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers