整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线：

JavaWeb实现文件上传与下载

JavaWeb实现文件上传与下载

. 增强HttpServletResponse对象

1. 实现一个增强的HttpServletResponse类，需要继承javax.servlet.http.HttpServletRequestWrapper类，通过重写自己需要增强的方法来实现（这种模式就叫做装饰者模式），使用该增强类在加上过滤器就可以实现无编码转换处理代码。

public class MyRequest extends HttpServletRequestWrapper{
	private HttpServletRequest req;
	public MyRequest(HttpServletRequest request) {
		super(request);
		req=request;
	}
	@Override
	public String getParameter(String name) {
		//解决编码问题，无论是post还是get请求，都不需要在业务代码中对编码再处理
		String method=req.getMethod();
		if("get".equalsIgnoreCase(method)){
			try {
				String str=req.getParameter(name);
				byte[] b=str.getBytes("iso8859-1");
				String newStr=new String(b, "utf-8");
				return newStr;
			} catch (UnsupportedEncodingException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}else if("post".equalsIgnoreCase(method)){
			try {
				req.setCharacterEncoding("utf-8");
			} catch (UnsupportedEncodingException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
		//绝对不能删除此行代码,因为此行代码返回的就是编码之后的数据
		return super.getParameter(name);
	}
}

在过滤器中应用

public class FilterTest4 implements Filter {
	@Override
	public void init(FilterConfig filterConfig) throws ServletException {}
	@Override
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
			throws IOException, ServletException {
		//生成增强的HttpServletRequest对象
		HttpServletRequest req=(HttpServletRequest) request;
		MyRequest myReq=new MyRequest(req);
		//将增强的HttpServletRequest对象传入过滤器执行链中，在后面传入的request对象都会是增强的HttpServletRequest对象
		chain.doFilter(myReq, response);
		
	}
	@Override
	public void destroy() {}
}

2. 文件上传原理过程

1. JavaWeb中实现文件上传：

  • 客户端：HTML页面需要一个<form>表单，且必须设置表单的enctype属性值为"multipart/form-data"，以及method属性值为"post"(因为get方式不支持大量数据提交)；表单里有一个<input type="file" name="">的标签，且name属性值必须指定。
<html>
 <head>
 <title>My JSP 'upload.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
 </head>
 
 <body>
 <form action="" method="post" enctype="multipart/form-data">
 <input type="text" name="name">
 	请选择文件：<input type="file" name="upload">
 	<input type="submit" value="上传">
 </form>
 </body>
</html>
  • 服务端：主要进行IO读写操作。必须导入commons-fileupload和commons-io两个jar包，可以通过请求request对象的getInputStream获得一个流来读取请求中的文件数据，但是如果客户端上传多个文件时，就会很麻烦，所以提供了commons-fileupload和commons-io两个jar包来更方便的实现文件上传。
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class UploadServlet extends HttpServlet{
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		/**
		 * 1. 创建磁盘文件项工厂类 DiskFileItemFactory
		 * 2. 创建核心解析Request类 ServletFileUpload
		 * 3. 开始解析Request对象中的数据，并返回一个List集合
		 * 4. List中包含表单中提交的内容
		 * 5. 遍历集合，获取内容
		 */
		DiskFileItemFactory fac=new DiskFileItemFactory();
		
		ServletFileUpload upload=new ServletFileUpload(fac);
		upload.setHeaderEncoding("utf-8");//防止中文的文件名乱码
		try {
			List<FileItem> fileItems=upload.parseRequest(req);
			for(FileItem item:fileItems){
				//有可能是普通文本项，比如<input type="text">标签提交上来的字符串
				//也有可能是<input type="submit" value="上传">上传的文件
				//文件项与普通项有不同的API来处理
				//首先判断是普通文本项还是文件项，
				if(item.isFormField()){
					//true表示普通文本项
					//获取文本项的name属性值
					String name=item.getFieldName();
					//获取对应的文本
					String value=item.getString("utf-8");//防止中文乱码
					System.out.println(name+":"+value);
				}else{
					//false表示文件项
					//先获取文件名称
					String name=item.getName();
					//获取文件项的输入流
					InputStream in=item.getInputStream();
					//获取服务器端文件存储的目标磁盘路径
					String path=getServletContext().getRealPath("/upload");
					System.out.println(path);
					//获取输出流，输出到本地文件中
					OutputStream out=new FileOutputStream(path+"/"+name);
					//写入数据
					int len=0;
					byte[] b=new byte[1024];
					while((len=in.read(b))!=-1){
						out.write(b,0,len);
					}
					in.close();
					out.close();
					
				}
			}
		} catch (FileUploadException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
}

注意：在文件上传时，会将form表单的属性enctype属性值为"multipart/form-data"，当提交到服务端后，无法使用 req.getParameter(name) 方法来获取到内容，只有通过上面的方法来获取文本项。

2. 文件上传相关核心类：

  • DiskFileItemFactory：相关API如下
  • public DiskFileItemFactory()：无参构造器
  • public DiskFileItemFactory(int sizeThreshold, File repository)：构造器，sizeThreshold设置缓冲区大小，默认10240 byte；repository表示如果过缓冲区空间小于上传文件空间，那么会生成临时文件，repository就是指定该临时文件的保存路径，如果过未上传完成就中断，继续上传时就可以通过这个临时文件来继续上传。
  • public void setSizeThreshold(int sizeThreshold)：设置缓冲区大小
  • public void setRepository(File repository)：指定该临时文件的保存路径
//改进上面的文件上传代码，添加一个临时文件
public class UploadServlet extends HttpServlet{
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		DiskFileItemFactory fac=new DiskFileItemFactory();
		fac.setSizeThreshold(1024*1024);//设置缓冲区为1mb
		//设置临时文件的本地磁盘存储路径
		File repository=new File(getServletContext().getRealPath("/temp"));
		fac.setRepository(repository);
		ServletFileUpload upload=new ServletFileUpload(fac);
		upload.setHeaderEncoding("utf-8");//防止中文的文件名乱码
		try {
			List<FileItem> fileItems=upload.parseRequest(req);
			for(FileItem item:fileItems){
				if(item.isFormField()){
					String name=item.getFieldName();
					String value=item.getString();
					String value=item.getString("utf-8");//防止中文乱码
					System.out.println(name+":"+value);
				}else{
					String name=item.getName();
					InputStream in=item.getInputStream();
					String path=getServletContext().getRealPath("/upload");
					System.out.println(path);
					OutputStream out=new FileOutputStream(path+"/"+name);
					int len=0;
					byte[] b=new byte[1024];
					while((len=in.read(b))!=-1){
						out.write(b,0,len);
					}
					in.close();
					out.close();
					
				}
			}
		} catch (FileUploadException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
}
  • ServletFileUpload：相关API如下
  • public static final boolean isMultipartContent( HttpServletRequest request) ：判断表单提交上来的数据内容是否是multipart类型的数据，即 form表单的 enctype="multipart/form-data"，是则返回true，否则返回false
  • public List /* FileItem */ parseRequest(HttpServletRequest request)：解析request对象，返回一个泛型为FileItem 的List集合
  • public void setFileSizeMax(long fileSizeMax)：设置单个文件的空间大小的最大值
  • public void setSizeMax(long sizeMax)：设置所有文件空间大小之和的最大值
  • public void setHeaderEncoding(String encoding)：解决上传文件名的乱码问题
  • public void setProgressListener(ProgressListener pListener)：上传时的进度条。
  • FileItem：封装表单中提交的数据
  • boolean isFormField()：判断当前FileItem对象是表单中提交的文本数据项，还是文件数据项
  • String getFieldName()：获取文本项类型FileItem对象的name属性值，即相当于表单中的 <input type="text" name="name">
  • String getString( String encoding )：获取文本项类型FileItem对象的value值，可以指定编码格式，也可以省略encoding不写
  • String getName()：应用于文件项类型的FileItem对象，用于获取文件的名称，包括后缀名
  • InputStream getInputStream()：获取输入流
  • void delete()：删除临时缓存文件（在输入以及输出流关闭后执行）

3. 实现多文件上传（需要js技术）：主要是更改jsp页面，通过js代码来添加多个文件进行上传，服务器代码无需更改

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=utf-8"%>
<%
String path=request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <base href="<%=basePath%>">
 <title>My JSP 'upload.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
 </head>
 
 <body>
 <script type="text/javascript">
 	function run(){
 		var div=document.getElementById("divId");
 		 div.innerHTML+="<div><input type='file' name='upload'><input type='button' value='删除' onclick='del(this)'></div>"
 	}
 	function del(presentNode){
 		var div=document.getElementById("divId");
 		div.removeChild(presentNode.parentNode);
 	}
 </script>
 <div>
 	多文件上传<br/>
 <form action="/Servlet/upload" method="post" enctype="multipart/form-data">
 	<input type="button" value="添加" onclick="run()"><br/>
 	<div id="divId">
 	
 	</div>
 	
 	<input type="submit" value="上传">
 </form>
 </div>
 </body>
</html>

4. 关于文件上传的一些问题：

  • 文件重名可能会产生覆盖效果，可以在处理文件名时生成一个唯一的文件名
  • 如果所有的文件都储存在一个文件夹中，会导致文件夹下文件过多，可以一个用户一个文件夹，或者利用算法目录分离等方法。

3. 文件下载

1. 传统文件下载方式有超链接下载或者后台程序下载两种方式。通过超链接下载时，如果浏览器可以解析，那么就会直接打开，如果不能解析，就会弹出下载框；而后台程序下载就必须通过两个响应头和一个文件的输入流。

2. 后台程序下载：

  • 两个响应头：
  • Content-Type：其值有比如 text/html;charset=utf-8
  • Content-Disposition：其值为 attachment;filename=文件名 以附件形式打开
  • 流：需要获取文件的输入流，然后通过response对象的输出流输出到客户端。

.NodeJS简介

1.1 了解NodeJS

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

1.2 NodeJS安装

（我们现在使用的版本是8.9.4）

选安装目录进行安装

  • 默认即可
  • 测试
  • 在命令提示符下输入命令
node -v

会显示当前node的版本号

2.快速入门

2.1 控制台输出

我们现在做个最简单的小例子，演示如何在控制台输出，在e盘创建文件夹nodedemo ,创建文本文件demo1.js,代码内容

我们在命令提示符下输入命令node demo1.js ，结果如下：

2.2 使用函数

我们刚才的例子非常简单，咱们这里再看一下函数的使用：

我们在命令提示符下输入命令node demo2.js ，结果如下：

2.3 模块化编程

创建demo3_1.js

创建demo3_2.js

2.4 创建web服务器

创建demo4.js

http为node内置的web模块,我们在命令提示符下输入命令 node demo4.js ，结果如下：

心情是不是很激动呢？

Ctrl+c 终止运行。

2.5 理解服务端渲染

我们创建demo5.js ，将上边的例子写成循环的形式

我们在命令提示符下输入命令node demo5.js ，在浏览器测试结果

我们右键"查看源代码"

这里我们发现，并没有我们写的for循环语句，而是直接的10条Hello World ，这就说明这个循环是在服务端完成的，而非浏览器（客户端）来完成。这与我们原来的JSP很是相似。实际中这些数据有可能由node直接读取数据库，或是通过ajax访问其它网络资源获取

2.6 接收参数

创建demo6.js

我们在命令提示符下输入命令nodedemo6.js ，在浏览器测试结果

3.总结

本次主要讲解了NodeJS在window环境下的安装及使用。通过本篇文章希望大家可以掌握NodeJS中函数基本使用、了解什么是模块化，如何创建web服务器以及理解什么是服务器端渲染。

ode.js 特点

1、单线程

在Java、PHP或者.net等服务器端语言中，会为每一个客户端连接创建一个新的线程。而每个线程需要耗费大约2MB内存。也就是说，理论上，一个8GB内存的服务器可以同时连接的最大用户数为4000个左右。要让Web应用程序支持更多的用户，就需要增加服务器的数量，而Web应用程序的硬件成本当然就上升了。

Node.js不为每个客户连接创建一个新的线程，而仅仅使用一个线程。当有用户连接了，就触发一个内部事件，通过非阻塞I/O、事件驱动机制，让Node.js程序宏观上也是并行的。使用Node.js，一个8GB内存的服务器，可以同时处理超过4万用户的连接。

另外，单线程带来的好处，操作系统完全不再有线程创建、销毁的时间开销。

坏处，就是一个用户造成了线程的崩溃，整个服务都崩溃了，其他人也崩溃了。

2、非阻塞I/O

例如，当在访问数据库取得数据的时候，需要一段时间。在传统的单线程处理机制中，在执行了访问数据库代码之后，整个线程都将暂停下来，等待数据库返回结果，才能执行后面的代码。也就是说，I/O阻塞了代码的执行，极大地降低了程序的执行效率。

由于Node.js中采用了非阻塞型I/O机制，因此在执行了访问数据库的代码之后，将立即转而执行其后面的代码，把数据库返回结果的处理代码放在回调函数中，从而提高了程序的执行效率。

当某个I/O执行完毕时，将以事件的形式通知执行I/O操作的线程，线程执行这个事件的回调函数。为了处理异步I/O，线程必须有事件循环，不断的检查有没有未处理的事件，依次予以处理。

阻塞模式下，一个线程只能处理一项任务，要想提高吞吐量必须通过多线程。而非阻塞模式下，一个线程永远在执行计算操作，这个线程的CPU核心利用率永远是100%。所以，这是一种特别有哲理的解决方案：与其人多，但是好多人闲着；还不如一个人玩命，往死里干活儿。

3、事件驱动 event-driven

在Node中，客户端请求建立连接，提交数据等行为，会触发相应的事件。在Node中，在一个时刻，只能执行一个事件回调函数，但是在执行一个事件回调函数的中途，可以转而处理其他事件（比如，又有新用户连接了），然后返回继续执行原事件的回调函数，这种处理机制，称为“事件环”机制。

Node.js底层是C++（V8也是C++写的）。底层代码中，近半数都用于事件队列、回调函数队列的构建。用事件驱动来完成服务器的任务调度，这是鬼才才能想到的。针尖上的舞蹈，用一个线程，担负起了处理非常多的任务的使命。

单线程，单线程的好处，减少了内存开销，操作系统的内存换页。

如果某一个事情，进入了，但是被I/O阻塞了，所以这个线程就阻塞了。

非阻塞I/O， 不会傻等I/O语句结束，而会执行后面的语句。

非阻塞就能解决问题了么？比如执行着小红的业务，执行过程中，小刚的I/O回调完成了，此时怎么办？？

事件机制，事件环，不管是新用户的请求，还是老用户的I/O完成，都将以事件方式加入事件环，等待调度。

说是三个特点，实际上是一个特点，离开谁都不行，都玩儿不转了。

Node.js很像抠门的餐厅老板，只聘请1个服务员，服务很多人。结果，比很多服务员效率还高。

Node.js中所有的I/O都是异步的，回调函数，套回调函数。

Node.js 适合开发什么？

Node.js适合用来开发什么样的应用程序呢？

善于I/O，不善于计算。因为Node.js最擅长的就是任务调度，如果你的业务有很多的CPU计算，实际上也相当于这个计算阻塞了这个单线程，就不适合Node开发。

当应用程序需要处理大量并发的I/O，而在向客户端发出响应之前，应用程序内部并不需要进行非常复杂的处理的时候，Node.js非常适合。Node.js也非常适合与web socket配合，开发长连接的实时交互应用程序。

比如：

● 用户表单收集

● 考试系统

● 聊天室

● 图文直播

● 提供JSON的API（为前台Angular使用）

Node.js 与 PHP、JSP的不同

Node.js不是一种独立的语言，与PHP、JSP、Python、Perl、Ruby的“既是语言，也是平台”不同，Node.js的使用JavaScript进行编程，运行在JavaScript引擎上（V8）。

与PHP、JSP等相比（PHP、JSP、.net都需要运行在服务器程序上，Apache、Naginx、Tomcat、IIS），Node.js跳过了Apache、Naginx、IIS等HTTP服务器，它自己不用建设在任何服务器软件之上。Node.js的许多设计理念与经典架构（LAMP=Linux + Apache + MySQL + PHP）有着很大的不同，可以提供强大的伸缩能力。Node.js没有web容器。

示例一：页面显示"Hello World!"

JS代码：

//require表示引包，引包就是引用自己的一个特殊功能
var http=require('http');
//创建服务器，参数就是一个回调函数，表示如果有请求进来，要做什么
var server=http.createServer(function(req, res){
 //req表示请求， request；res表示响应，response
 //设置HTTP头部，状态码是200， 文件类型是html。字符编码格式是 UTF-8
 res.writeHead(200, {'Content-Type':'text/html; charset=UTF-8; '});
 res.end('Hello World!');
});
//运行服务器，监听8083端口
server.listen(8083, '127.0.0.1');

打开浏览器，输入 127.0.0.1:8083

示例二：Node.js没有Web容器

在使用Apache服务器时，我们经常可以看到在 htdocs目录中有各种子文件夹，我们要访问指定页面，只需要在浏览器地址栏中输入 127.0.0.1:80/app/index.html 类似这样的结构

但是，Node.js 由于没有Web容器，所以在url 地址后面在输入 /xx.xx 时并不能正常显示

有这么一个文件目录结构：

fang.html 里面是一个 红色的、正方形的div，yuan.html 里面是一个 绿色的、圆形的div

现在新建一个 noWebContainer.js，看能否在url中输入 fang.html 打开页面

//require表示引包，引包就是引用自己的一个特殊功能
var http=require('http');
var fs=require('fs');
//创建服务器，参数是一个回调函数，表示如果有请求进来，要做什么
var server=http.createServer(function(req, res){
 
 res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
 res.end("Hello World!");
 
});
//运行服务器，监听4000端口（端口号可以任改）
server.listen(4000,"127.0.0.1");

运行 127.0.0.1:4000，并在url后面加上 /fang.html，发现完全没用

现在初步对“Node.js没有web容器”这句话有了一点印象了，那想要打开fang.html，怎么办呢？

//require表示引包，引包就是引用自己的一个特殊功能
var http=require('http');
var fs=require('fs');
//创建服务器，参数是一个回调函数，表示如果有请求进来，要做什么
var server=http.createServer(function(req, res){
 if(req.url=='/fang'){
 fs.readFile('./fang.html', function(err,data){
 //req表示请求，request; res表示响应，response
 //设置HTTP头部，状态码是200，文件类型是html，字符集是utf8
 res.writeHead(200, {'Content-type':'text/html;charset=UTF-8'});
 res.end(data);
 })
 }else{
 res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
 res.end("Hello World!");
 }
});
//运行服务器，监听4000端口（端口号可以任改）
server.listen(4000,"127.0.0.1");

也就是说，如果 请求的url 里面包含了 /fang，就读取当前目录下（./ ---> 表示当前目录）的 fang.html，否则，就只显示 Hello World

同理，我也可以 输入 /yuan，显示 yuan.html

//require表示引包，引包就是引用自己的一个特殊功能
var http=require('http');
var fs=require('fs');
//创建服务器，参数是一个回调函数，表示如果有请求进来，要做什么
var server=http.createServer(function(req, res){
 if(req.url=='/fang'){
 fs.readFile('./fang.html', function(err,data){
 //req表示请求，request; res表示响应，response
 //设置HTTP头部，状态码是200，文件类型是html，字符集是utf8
 res.writeHead(200, {'Content-type':'text/html;charset=UTF-8'});
 res.end(data);
 })
 }else if(req.url=='/yuan'){
 fs.readFile('./yuan.html', function(err,data){
 res.writeHead(200, {'Content-type':'text/html;charset=UTF-8'});
 res.end(data);
 })
 }else{
 res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
 res.end("Hello World!");
 }
});
//运行服务器，监听4000端口（端口号可以任改）
server.listen(4000,"127.0.0.1");

进一步，在 fang.html 中添加一个图片，从上面的目录结构中可以看到，图片的路径是完全正确的

<img src="yule.png" alt="图片">

运行 127.0.0.1:4000/fang，却发现图片破了，说明路径不对。但事实上，我们可以看到，这个路径是一点问题都没有的呀，那怎么办呢？

又回到了那句话，“Node.js没有web容器”，所以，还是要用前面的方法处理一下图片

//require表示引包，引包就是引用自己的一个特殊功能
var http=require('http');
var fs=require('fs');
//创建服务器，参数是一个回调函数，表示如果有请求进来，要做什么
var server=http.createServer(function(req, res){
 if(req.url=='/fang'){
 fs.readFile('./fang.html', function(err,data){
 //req表示请求，request; res表示响应，response
 //设置HTTP头部，状态码是200，文件类型是html，字符集是utf8
 res.writeHead(200, {'Content-type':'text/html;charset=UTF-8'});
 res.end(data);
 })
 }else if(req.url=='/yuan'){
 fs.readFile('./yuan.html', function(err,data){
 res.writeHead(200, {'Content-type':'text/html;charset=UTF-8'});
 res.end(data);
 })
 }else if(req.url=='/yule.png'){
 fs.readFile('./yule.png', function(err,data){
 res.writeHead(200, {"Content-type":"image/jpg"});
 res.end(data);
 })
 }else{
 res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
 res.end("Hello World!");
 }
});
//运行服务器，监听4000端口（端口号可以任改）
server.listen(4000,"127.0.0.1");

再次运行，图片可正常显示

现在新建一个 yellow.css 样式表，让 yuan.html 引入这个css 文件

yellow.css

body{background:yellow;}

但是，页面的背景颜色没有发生任何改变

看来 “Node.js没有web容器”这句话是无处不在呀，同样需要对 css 文件做处理

//require表示引包，引包就是引用自己的一个特殊功能
var http=require('http');
var fs=require('fs');
//创建服务器，参数是一个回调函数，表示如果有请求进来，要做什么
var server=http.createServer(function(req, res){
 if(req.url=='/fang'){
 fs.readFile('./fang.html', function(err,data){
 //req表示请求，request; res表示响应，response
 //设置HTTP头部，状态码是200，文件类型是html，字符集是utf8
 res.writeHead(200, {'Content-type':'text/html;charset=UTF-8'});
 res.end(data);
 })
 }else if(req.url=='/yuan'){
 fs.readFile('./yuan.html', function(err,data){
 res.writeHead(200, {'Content-type':'text/html;charset=UTF-8'});
 res.end(data);
 })
 }else if(req.url=='/yule.png'){
 fs.readFile('./yule.png', function(err,data){
 res.writeHead(200, {"Content-type":"image/jpg"});
 res.end(data);
 })
 }else if(req.url=='/yellow'){
 fs.readFile('./yellow.css', function(err,data){
 res.writeHead(200, {"Content-type":"text/css"});
 res.end(data);
 })
 }else{
 res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
 res.end("Hello World!");
 }
});
//运行服务器，监听4000端口（端口号可以任改）
server.listen(4000,"127.0.0.1");

再次运行代码，发现页面背景颜色变成了黄色


在线咨询
上一篇：bootstrap基础快速入门-4 排版相关基本元素
下一篇：推荐21个免费版权图片素材网站，小众有格调

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

推荐阅读
友情链接 西岗区 双塔区 海晏县 句容市 港北区 寿宁县 网站制作
Copyright © 2002-2019 雨点网络设计有限公司 版权所有   冀ICP备11025394号
联系电话：   E-mail：279303980@qq.com  
主营业务：技术文章网站建设、网站定制、技术文章营销型网站建设、技术文章网站优化、技术文章微商城制作、三级分销系统开发
电话沟通
在线客服