//我是用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. 【SSO单点系列】（4）：CAS4.0 SERVER登录后用户信息的返回

    接着上一篇,在上一篇中我们描述了怎么在CAS SERVER登录页上添加验证码,并进行登录.一旦CAS SERVER验证成功后,我们就会跳转到客户端中去.跳转到客户端去后,大家想一想,客户端总要获取用户 ...

  2. 自动备份数据库crond

    #!/bin/bash # export and backup the abgent_web database.sql mysqldump -uuser -ppassword ltden_db --s ...

  3. 搭建vue环境网站

    https://cli.vuejs.org/zh/guide/installation.html 安装成功vue脚手架 安装成功3.4版本 vue + iview项目构建 https://blog.c ...

  4. 25.Remove Nth Node From End of List（删除链表的倒数第n个节点）

    Level:   Medium 题目描述: Given a linked list, remove the n-th node from the end of list and return its ...

  5. 针对animationend和transitionend多次执行的问题解决方案

    对于animationend事件来说的话,如果我们在外层添加这个事件监听,如果监听元素里面还有动画,则里面元素动画结束也会执行这个animationend事件.所以我们可以这样做: if(e.targ ...

  6. angular-ui-select 下拉框支持过滤单选多选解决方案（系列一）

    angular-ui-select  官方文档:github地址:https://github.com/angular-ui/ui-select 请大家多看文档     首先注意版本的问题,如果版本不 ...

  7. flask 的上下文管理

    Flask的上下文对象 Flask有两种Context(上下文),分别是 RequestContext 请求上下文 Request 请求的对象,封装了Http请求(environ)的内容 Sessio ...

  8. UVA - 10817 状压DP

    题意:大白P95 本题比较特别的是状压两个集合并且进行转移,因此要分别处理当前集合只有1个老师/2个老师的记录(然后可O(1)得出0个老师的集合) 记忆化过了但是迭代式不能记忆超过2的之前的状态是怎样 ...

  9. ecshop 模板机制

    ECShop模板是基于smarty 文件名cls_template.php lib_main.php中的assign_template()会设置我们的网店的公共信息及网站设置:assign_dynam ...

  10. js的apply和call

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...