//我是用php的思想来学习nodejs

var express = require('express');

var router = express.Router();

var fs = require('fs');

var path= require("path");

var formidable = require('formidable');

/* GET home page. */

router.get('/', function(req, res, next) {

  res.render('index', { title: 'Express+EJS+mysql+s2' });

});

router.post('/file-upload', function(req, res, next) {

  console.log('开始文件上传....');

   var form = new formidable.IncomingForm();

    //设置编辑

    form.encoding = 'utf-8';

    //设置文件存储路径

    form.uploadDir = "./public/images/";

    //保留后缀

    form.keepExtensions = true;

    //设置单文件大小限制

    form.maxFieldsSize = 2 * 1024 * 1024;

    //form.maxFields = 1000;  设置所以文件的大小总和

    form.parse(req, function(err, fields, files) {

      //console.log(fields);

      console.log(files.thumbnail.path);

      console.log('文件名:'+files.thumbnail.name);

            var t = (new Date()).getTime();

            //生成随机数

            var ran = parseInt(Math.random() * 8999 +10000);

            //拿到扩展名

            var extname = path.extname(files.thumbnail.name);

      //path.normalize('./path//upload/data/../file/./123.jpg'); 规范格式文件名

      var oldpath =   path.normalize(files.thumbnail.path);

      //新的路径

      let newfilename=t+ran+extname;

      var newpath =  './public/images/'+newfilename;

      console.warn('oldpath:'+oldpath+' newpath:'+newpath);

      fs.rename(oldpath,newpath,function(err){

        if(err){

              console.error("改名失败"+err);

        }

        res.render('index', { title: '文件上传成功:', imginfo: newfilename });

      });

      //res.end(util.inspect({fields: fields, files: files}));

    });

});

/* supervisor ./bin/www  */

module.exports = router;
<!DOCTYPE html>

<html>

<head>

<title><%= title %></title>

<link rel=’stylesheet’ href=’/stylesheets/style.css’ />

</head>

<body>

<h5>这里变量没有输出但没有报销:<%= locals.title %></h5>

<p>Welcome to <%= title %></p>

<img src='./images/<%= locals.imginfo %>' width='200'/>

<form method="post" enctype="multipart/form-data" action="/file-upload">

  <input type="text" name="username">

  <input type="password" name="password">

  <input type="file" name="thumbnail">

  <input type="submit">

</form>

</body>

</html>

node express formidable 文件上传后修改文件名的更多相关文章

  1. node+express实现文件上传功能

    在进行node web开发时,我们可能经常遇到上传文件的问题,这一块如果我们没有经验,可能会遇到很多坑,下面我将跟大家分享一下,实现文件上传的一些方式. 一.node+express文件上传的常用方式 ...

  2. Vue+axios+Node+express实现文件上传(用户头像上传)

    Vue 页面的代码 <label for='my_file' class="theme-color"> <mu-icon left value="bac ...

  3. node中间层实现文件上传

    一般情况下,前端的文件上传一般都是通过form表单的(<input type="file" />)来完成文件的上传,如果使用node中间层完成跨域,文件的上传就需要在n ...

  4. JFinal中文件上传后会默认放置到WebContent的upload包下，但是tomcat会自动重启，当我们再次打开upload文件夹查看我们刚刚上传的文件时，发现上传的文件已经没有了。

    JFinal中文件上传后会默认放置到WebContent的upload包下,但是tomcat会自动重启,当我们再次打开upload文件夹查看我们刚刚上传的文件时,发现上传的文件已经没有了.因为tomc ...

  5. Tomcat 8.5版本文件上传后无权限访问的问题

    之前在tomcat 7下文件上传后访问一直没问题,现在tomcat版本升到8.5,在测试文件http上传时,发现所传文件无法通过nginx访问了. (Tomcat具体版本为8.5.11) PS:tom ...

  6. 重写FileUpload控件让它可以显示上传后的文件名

    我在以前的开发中经常遇到这样的场景:文件上传之后需要显示文件名,但是asp.net自带的fileupload是不能付给上传后的文件名值的. 以前都是做一个label显示的,今天想起来了,写个控件封装一 ...

  7. struts文件上传，获取文件名和文件类型

    struts文件上传,获取文件名和文件类型   Action中还有两个属 性:uploadFileName和uploadContentType,这两个属性分别用于封装上传文件的文件名.文件类型.这是S ...

  8. post提交/文件上传服务器修改

    第一步:修改在php5下POST文件大小的限制   1.编修php.ini   找到:max_execution_time = 30 ,这个是每个脚本运行的最长时间,单位秒,修改为: max_exec ...

  9. JAVAEE——SSH项目实战03：新增客户、数据字典、文件上传和修改客户

    作者: kent鹏 转载请注明出处: http://www.cnblogs.com/xieyupeng/p/7145599.html 一.新增客户 1.数据字典  用于枚举项目中有限个数的字典项 (1 ...

随机推荐

  1. mysql升级到5.7时间戳报错

    往数据库里创建新表的时候报错: [Err] 1067 - Invalid default value for 'updateTime' DROP TABLE IF EXISTS `passwd_res ...

  2. CentOS7更换yum源为阿里云镜像源

    1. 备份原来的yum源 cp /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.bak 2.设置aliyun的y ...

  3. 加载 xib 文件 UIView

    记在 UIView 的 xib 文件方式有一下几种: 一 .直接加载 xib 文件, 没有.h.m 文件 1. NSBundle 方式 NSArray *objs = [[NSBundle mainB ...

  4. ui-grid样式，表格高度自适应行高，没有滚动条，去掉表头

    前后端设置:

  5. Kibana6.x.x源码分析--JavaScript中 "!~" 这样的符号是啥意思？

    看到源码中有一段JS代码不太懂,如下: 里面这个 "!~" 符号看到后有点儿方啊O__O "…,毛线意思? [查资料,解释如下]: indexOf returns -1 ...

  6. let 和 var 的区别笔记

    参考文章:阮一峰   ECMAScript 6 入门 ES6中新增加了 let  声明,它跟 var  的区别如下: 1.作用域不同,let  只在代码块中有效 { var a = '123'; le ...

  7. Permutation(构造+思维）

    A permutation p is an ordered group of numbers p1,   p2,   ...,   pn, consisting of ndistinct positi ...

  8. Olesya and Rodion (思维）

    Olesya loves numbers consisting of n digits, and Rodion only likes numbers that are divisible by t. ...

  9. POJ - 1011 剪枝练习

    题意:给定n条拆掉的棍子,问能凑成最短的多条相同长度棍子的最短长度 x:当前第几条正在合成的棍子 y:目前正在尝试的拆掉的棍子 z:当前长度 剪枝方案: 1.按照长度单调性排序,减少重复搜索 2.如果 ...

  10. 1152 Google Recruitment （20 分)

    In July 2004, Google posted on a giant billboard along Highway 101 in Silicon Valley (shown in the p ...