node--服务端资源图片

一、node的安装教程

1. 下载地址：https://nodejs.org/en/download/
2. 检测安装是否成功：

node - -version

二、创建服务器

1. 接下来我们使用 http.createServer() 方法创建服务器，并使用 listen 方法绑定 8888 端口。 函数通过 request, response 参数来接收和响应数据。
2. 在你项目的根目录下创建一个叫 server.js 的文件，并写入以下代码：

var http = require('http');

http.createServer(function (request, response) {

    // 发送 HTTP 头部 
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {'Content-Type': 'text/plain'});

    // 发送响应数据 "Hello World"
    response.end('Hello World\n');
}).listen(8888);

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

3. 以上代码我们完成了一个可以工作的 HTTP 服务器。
   使用 node 命令执行以上的代码：

node server.js
Server running at http://127.0.0.1:8888/

三、服务端找本地图片

步骤一.将自己的图片放在node目录文件下
步骤二.在根目录的目录栏输入cmd进入目录终端，

（1）并输入命令：
1.初始化

npm init
创建js文件

2.下载依赖包
npm install

3.根目录下js文件输入：

var express = require('express')
var serveIndex = require('serve-index')//打开目录
var serveStatic = require('serve-static')// 设置静态资源访问目录
var multiparty = require('multiparty')//使用multiparty获取上传的表单文件
var finalhandler = require('finalhandler')
var util = require('util')

var LOCAL_BIND_PORT = 3000
var app = express()

app.post('/upload', function(req, res) {
  var form = new multiparty.Form()
  form.encoding = 'utf-8'
  form.uploadDir = './htdocs/upfile'
  form.maxFilesSize = 4 * 1024 * 1024
  form.parse(req, function(err, fields, files) {
    if(err) {
      console.log('parse error: ' + err)
    } else {
      console.log('parse files: ' + JSON.stringify(files))
    }
    res.writeHead(200, {'content-type': 'text/plain;charset=utf-8'})
    res.write('received upload')
    res.end()
  })
})

var serve = serveStatic('./htdocs')
app.use('/', serveIndex('./htdocs', {'icons': true}))

app.get('/*', function(req, res) {
    serve(req, res, finalhandler(req, res))
});

console.log(`Start static file server at ::${LOCAL_BIND_PORT}, Press ^ + C to exit`)
app.listen(LOCAL_BIND_PORT)

4.进入服务器找到本地图片：
步骤一.在根目录的目录栏输入cmd进入目录终端

node js文件名称

步骤二.在浏览器输入http://localhost:3000
步骤三.获取图片链接：http://localhost:3000/文件名称