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
Jun 05 Javascript
动态加载js和css(外部文件)
Apr 17 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
Jun 22 Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
jquery中绑定事件的异同
Feb 28 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
微信小程序实现MUI数字输入框效果
Jan 31 Javascript
微信小程序 JS动态修改样式的实现方法
Dec 16 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 Javascript
antd design table更改某行数据的样式操作
Oct 31 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
在线短消息收发的程序,不用数据库
2006/10/09 PHP
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
PHP将二维数组某一个字段相同的数组合并起来的方法
2016/02/26 PHP
php验证码生成器
2017/05/24 PHP
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
2010/12/02 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
js 判断计算字符串长度/判断空的简单方法
2013/08/05 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
2014/05/14 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
2014/10/10 Javascript
jquery实现textarea 高度自适应
2015/03/11 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
JS设置CSS样式的方式汇总
2017/01/21 Javascript
JS正则表达式完美实现身份证校验功能
2017/10/18 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
2017/11/27 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
详解如何使用router-link对象方式传递参数?
2019/05/02 Javascript
javascript中如何判断类型汇总
2019/05/14 Javascript
深入了解JavaScript 防抖和节流
2019/09/12 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python利用前序和中序遍历结果重建二叉树的方法
2016/04/27 Python
Python基于Socket实现的简单聊天程序示例
2017/08/05 Python
利用python画出折线图
2018/07/26 Python
Python排序函数的使用方法详解
2020/12/11 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
2014年教师个人工作总结
2014/11/10 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
技术支持岗位职责
2015/02/13 职场文书
pytorch 实现在测试的时候启用dropout
2021/05/27 Python
解析目标检测之IoU
2021/06/26 Python
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫