我们在做文件上传前需要用npm来安装一个插件先，

首先打开项目所在的目录，然后按住shift键然后右键鼠标进入命令行安装formidable

然后开始编写上传的静态页面：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <h1>附件上传表单</h1>

    <form name="index" action="/post" method="post" enctype="multipart/form-data">

        <label>附件:<input type="file" name="fujian"></label><br /><br />

        <input type="submit" value="上传">

    </form>

</body>

</html>

然后开始编写index.js文件，必须先引入刚才下载好的formidable模块

详细代码如下所示：

var http = require('http'),

    fs = require('fs'),

    url = require('url'),

    util = require('util'),

    formidable = require('formidable'),

    querystring = require('querystring');

var server = http.createServer(function(req,res){

    var pathname = url.parse(req.url).pathname;

    if(pathname == '/index'){

        var pageContent = fs.readFile('index.html','utf-8',function(err,data){

            if(err){

                console.log('Server error:111');

            }else{

                res.writeHead(200,{"Content-Type":"text/html"});

                res.write(data);

                res.end();

            }

        });

    }else if(pathname == '/post'){

        var form = new formidable.IncomingForm();

        form.uploadDir = './temp';

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

            res.writeHead(200,{"Content-Type":"text/html"});

            console.log(files);//看下文件上传信息

            var path = files.fujian.path;

            var timestamp = (new Date()).valueOf(); //生成时间戳，然后在下面用时间戳给图片命名

            fs.rename(files.fujian.path,"./temp/"+timestamp+'.jpg');//这里的temp目标必须提前准备好，不然报错

            res.end();

        });

    }else{

        res.writeHead(404,{"Content-Type":"text/plain"});

        res.end('error:404');

        console.log('error');

    }

});

server.listen(3323);

console.log('@http://localhost:3323');

然后进行测试。。。

这样我们即可成功完成上传功能....

夺命雷公狗---node.js---11之文件上传的更多相关文章

  1. js插件---IUpload文件上传插件（包括图片）

    js插件---IUpload文件上传插件(包括图片) 一.总结 一句话总结:上传插件找到真正上传位置的代码,这样就可以知道整个上传插件的逻辑了, 找资料还是github+官方 1.如何在js中找到真正 ...

  2. PHP 多图上传，图片批量上传插件，webuploader.js，百度文件上传插件

    PHP  多图上传,图片批量上传插件,webuploader.js,百度文件上传插件(案例教程) WebUploader作用:http://fex.baidu.com/webuploader/gett ...

  3. JavaScript进阶(九)JS实现本地文件上传至阿里云服务器

    JS实现本地文件上传至阿里云服务器 前言 在前面的博客< JavaScript进阶(八)JS实现图片预览并导入服务器功能>(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务 ...

  4. 基于uploadify.js实现多文件上传和上传进度条的显示

    uploadify是JQuery的一个插件,主要实现文件的异步上传功能,可以自定义文件大小限制.文件类型.是否自动上传等属性,可以显示上传的进度条.官网地址是http://www.uploadify. ...

  5. AjaxUpLoad.js使用实现文件上传

    AjaxUpLoad.js的使用实现无刷新文件上传,如图. 图1 文件上传前 图2 文件上传后 1.创建页面并编写HTML [html] view plaincopy   上传文档: <div  ...

  6. 005-html+js+spring multipart文件上传

    一.概述 需求:通过html+js+java上传最大500M的文件,需要做MD5 消息摘要以及SHA256签名,文件上传至云存储 1.1.理解http协议 https://www.cnblogs.co ...

  7. js实现oss文件上传及一些问题

    关于兼容性问题,ie8以下的可以使用4.x的版本 一.引入sdk和jq <script src="http://libs.baidu.com/jquery/2.0.0/jquery.m ...

  8. js+php实现文件上传显示文件上传进度条的插件

    文件上传利器SWFUpload使用指南(swfupload官网) 上传文件显示进度条效果的插件swfupload.js

  9. js可以控制文件上传的速度吗？

    为了减轻服务器负载,对于上传和下载的情况,我们需要进行流量控制,一般的方法是服务端做限流举措,比如很多ftp服务器,但是我想是不是可以使用前端js做呢? 顺着这个想法,我查了下资料,目前来看结论是No ...

随机推荐

  1. 利用快速排序原理找出数组中前n大的数

    #include <stdio.h> #include <stdint.h> #include <stdlib.h> #define MAX_SIZE 400001 ...

  2. 设计模式：桥连模式（Bridge）

    定   义:将抽象部分和它的实现部分分离,使它们可以独立的变化. 结构图: 实现类: //Implementor(实现)类 public abstract class Implementor { pu ...

  3. git项目版本管理

    一个很小的HTML项目,使用.Git来记录和跟踪这个项目.包括以下内容: 创建版本库. 添加与修改文件. 创建新分支. 打标签并整理版本库. 克隆版本库. 创建版本库 Creating a Repos ...

  4. LightOj1203 - Guarding Bananas（凸包求多边形中的最小角）

    题目链接:http://lightoj.com/volume_showproblem.php?problem=1203 题意:给你一个点集,求凸包中最小的角:模板题,但是刚开始的时候模板带错了,错的我 ...

  5. Stakeholder Risk Management

    In this article we'll address the people swirling around your project: stakeholders. You'll find som ...

  6. Meteor 使用疑问总结

    使用Meteor有七八个月了,现在总结下Meteor的几点感受 先说说缺点吧: Meteor 项目启动的比较慢,离开了网络根本没法启动,不知道为何启动的时候会从网上下载很多东西,而不是从本地去加载. ...

  7. SQL语句里怎么获得当前年份（MySQL数据库）

    使用函数Year及CurDate的组合: Year(CurDate()) select date_format(min(date),'%Y-%m-%d') as mindate, date_forma ...

  8. 在Fedora8上安装jdk-7u25-linux-i586.rpm的步骤

    按:我们身处一个信息爆炸的年代,当有事不决时,打开搜索引擎瞬息间就能得到海量的答案.但是,这未必会让你的问题迎刃而解,因此很多“答案”会把你引向错误的方向,浪费你的时间.希望搜索引擎能有所改进,对明确 ...

  9. SSH验证原理

    http://www.tuicool.com/articles/qyiyim 下面会讲解ssh的密码登陆和免密码登陆.无论是密码登陆还是免密码登陆,安全使用的都是RSA非对称加密. SSH之所以能够保 ...

  10. div元素呈圆环排列

    <style> .path { width: 300px; height: 300px; padding: 20px; border-radius: 50%; background: rg ...