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 相关文章推荐
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
jquery delay()介绍及使用指南
Sep 02 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
Jun 01 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
JavaScript实现图片无缝滚动效果
Jul 07 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 Javascript
Vue动态路由缓存不相互影响的解决办法
Feb 19 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
vue下的@change事件的实现
Oct 25 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
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
PHP封装函数实现生成随机的字符串验证码
2017/01/24 PHP
Ext 表单布局实例代码
2009/04/30 Javascript
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
Javascript中的isNaN函数使用说明
2011/11/10 Javascript
jQuery1.6 使用方法一
2011/11/23 Javascript
js从Cookies里面取值的简单实现
2014/06/30 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
javascript操作cookie
2017/01/17 Javascript
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
2018/04/03 Javascript
elementUI 设置input的只读或禁用的方法
2018/10/30 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
布同 Python中文问题解决方法(总结了多位前人经验,初学者必看)
2011/03/13 Python
利用python获得时间的实例说明
2013/03/25 Python
使用pycharm设置控制台不换行的操作方法
2019/01/19 Python
python实现祝福弹窗效果
2019/04/07 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
python如何处理程序无法打开
2020/06/16 Python
css3的transform中scale缩放详解
2014/12/08 HTML / CSS
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
前台领班岗位职责
2013/12/04 职场文书
迎接领导欢迎词
2014/01/11 职场文书
《小山羊和小灰兔》教学反思
2014/02/19 职场文书
学雷锋标兵事迹材料
2014/08/18 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js