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 使用技巧精萃(.net html
Apr 25 Javascript
javawscript 三级菜单的实现原理
Jul 01 Javascript
JQuery 学习技巧总结
May 21 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
Tab切换组件(选项卡功能)实例代码
Nov 21 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
基于jQuery实现仿百度首页选项卡切换效果
May 29 Javascript
探究react-native 源码的图片缓存问题
Aug 24 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
Vue高版本中一些新特性的使用详解
Sep 25 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
Sep 20 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中文本操作的类
2007/03/17 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
PHP源代码数组统计count分析
2011/08/02 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
2015/02/04 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
Knockoutjs 学习系列(二)花式捆绑
2016/06/07 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
JavaScript中三个等号和两个等号你了解多少
2017/07/04 Javascript
js实现单张图片平移切换效果
2017/10/11 Javascript
vue-cli构建项目下使用微信分享功能
2018/05/28 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
Vue插件从封装到发布的完整步骤记录
2019/02/28 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
详解python的数字类型变量与其方法
2016/11/20 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
Python简单实现两个任意字符串乘积的方法示例
2018/04/12 Python
Python rstrip()方法实例详解
2018/11/11 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
Python使用socket模块实现简单tcp通信
2020/08/18 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
经济管理专业毕业生推荐信
2013/11/11 职场文书
毕业生大学生活自我总结
2014/01/31 职场文书
会计岗位职责模板
2014/03/12 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
律师函格式范本
2015/05/27 职场文书
Nginx配置https原理及实现过程详解
2021/03/31 Servers
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL