一、需求

　　1、当用户请求http://domain/start时，可以看到一个欢迎页面，页面上有一个文件上传的表单。
　　2、用户可以选择一个图片并提交表单，随后文件将被上传到http://domain/upload，

　　3、访问http://domain/upload，展示刚才上传的图片。

二、分析模块需求
　　1、我们需要提供web页面，因此需要一个HTTP服务器
　　2、对于不同的请求，根据URL，我们服务器需要给予不同的响应，因为我们需要一个路由，用户把请求对应到请求处理程序。
　　3、当请求被服务器接收并通过路由传递之后，需要可以对其进行处理，因此我们需要最终的处理程序。
　　4、路由应该可以处理POST数据，并且把数据封装成更加友好的格式进行处理，因此我们需要数据请求处理能力。
　　5、处理URL对应的请求之后，还要把内容呈现出来，所有我们需要一些师徒逻辑供请求处理程序使用，以便将内容发送给用户的浏览器。
　　6、用户需要上传图片，所以我们需要上传处理功能来处理这方面的细节。

三、效果

 四、代码实现

 五、参考地址

node上传文件并在网页中展示的更多相关文章

  1. node 上传文件 路径 重命名等问题

    最近在学习node,想做一个简单的网站.首先想到的是上传文件的功能,查了下,发现有一个formidable模块,操作方便,便拿来尝试了一下,结果很纠结. 下载安装的就不用说了,用npm即可.说一下,自 ...

  2. KindEditor 上传文件 在Asp.net中的使用

    以前一直用FCK编辑器,因为配置比较简单,但是发现Kindeditor这个编辑器更加好看,更加灵活,就用了下. 但是发现在上传文件的时候,出现了大问题,弄了我好久的时间,为了记录下,或许能帮助到您,共 ...

  3. node 上传文件 http client to post file

    node做http client 发送post数据是很容易的事情,但要上传文件就不是太容易了主要是因为上传文件的报文和普通post是不太一样的 要了解http post可以看下这个 https://i ...

  4. MapReduce中使用SequenceFile的方式上传文件到集群中

    如果有很多的小文件,上传到HDFS集群,每个文件都会对应一个block块,一个block块的大小默认是128M,对于很多的小文件来说占用了非常多的block数量,就会影响到内存的消耗, MapRedu ...

  5. node - 上传文件并且修改名称

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

  6. 直接远程下载或上传文件到linux系统中的简单办法

    如果执行sz 或者rz 没有这个命令,则安装lrzsz包执行:yum install lrzsz 等待安装完毕,然后一直输入Y即可. sz:将选定的文件发送(send)到本地机器 -a 以文本方式传输 ...

  7. 图片上传，直接在网页中显示(支持IE，谷歌，火狐浏览器)

    <!doctype html><html lang="en"> <head> <meta charset="UTF-8" ...

  8. Ajax上传文件到C#Action中

      引用js文件包:jquery.form.js可以下载 http://malsup.com/jquery/form/#download <script src="script/jqu ...

  9. WIN7系统 如何上传文件到FTP服务器中

    https://zhidao.baidu.com/question/214644671.html

随机推荐

  1. SpringCloud的应用发布（四）顺序启动各个应用

    一.部署应用 二.启动应用(注意顺序) 三.观察效果 1.查看进程和日志 ps -ef | grep java tail -f AppYml.txt 2.验证功能

  2. 怎样使用下载的bootstrap模板？

    核心文件bootstarp.css和bootstarp.js导入到页面,然后看着官网的代码复制进去用就可以了.网上是有不少教程的.实际上就是加class 属性 ,如:http://www.runoob ...

  3. redis入门（14）redis集群下的数据分区存储

    redis入门(10)redis集群下的数据分区存储

  4. python入门（1）python的前景

    python入门(1)python的前景 Python是一种解释型.面向对象.动态数据类型的高级程序设计语言. Python由Guido van Rossum于1989年底发明,第一个公开发行版发行于 ...

  5. java实现两个int数交换

    普通方法,进阶方法,大神方法 @Test public void test3(){ int m = 5; int n = 12; //要求m和n交换位置 System.out.println(&quo ...

  6. MySQL命令（逐步更新ing）

     启动mysql 开启: /etc/init.d/mysqld start关闭: /etc/init.d/mysqld stop重启: /etc/init.d/mysqld restart   查看m ...

  7. 19届华为实习生笔试之判断iPv6地址类型

    题二: 答案: #coding=utf-8 import re,sys str = sys.stdin.readline().strip() def regex(str): result = &quo ...

  8. 元组tuple插入字符串的方式

    元组无法更改,但是可以用切片的方式将头尾切出,中间'+'字符串,后整体赋值原先的元组,举例如下 >>> temp=('东邪','西毒' ,'南帝') >>> tem ...

  9. 菜鸟容易中的招__setattr__

    class Counter: def __init__(self): self.counter = 0 # 这里会触发 __setattr__ 调用 def __setattr__(self, nam ...

  10. U盘分区后合并

    1.首先把你的U盘插在电脑上,点击开始→所有程序→附件→命令提示符(前面这步骤也可以直接用Win+R组合键打开"运行",之后输入cmd也可打开命令提示符). 2.然后在命令提示窗口 ...