SEO基础知识

JS技术 Express文件上传

字号+ 作者:长沙seo强 来源:未知 2019-12-20 20:09 我要评论( )

文件上传是很常见的实用功能。 本文演示如何用Express实现文件上传功能。 例程 本例需要两个文件及一个目录 test39.js:主程序;index.html:用于上传文件的前端页面;temp_folder:存放被上传的文件。 test39.js: var express = require(express);var app

文件上传是很常见的实用功能。

Node.JS实战39:Express文件上传一例

 

本文演示如何用Express实现文件上传功能。

例程

本例需要两个文件及一个目录

test39.js:主程序;index.html:用于上传文件的前端页面;temp_folder:存放被上传的文件。

test39.js:

var express = require('express');var app = express();//form表单需要的中间件。var mutipart= require('connect-multiparty');var mutipartMiddeware = mutipart();//临时文件的储存位置app.use(mutipart({uploadDir:'./temp_file'}));app.set('port',process.env.PORT || 8000);app.listen(app.get('port'),function () {    console.log("Express started on http://localhost:"+app.get('port')+',press Ctrl-C to terminate.');});//浏览器访问localhost会输出一个html文件app.get('/',function (req,res) {    res.type('text/html');    res.sendFile(__dirname+'/index.html')});//这里就是接受form表单请求的接口路径,请求方式为post。app.post('/upload',mutipartMiddeware,function (req,res) {    //这里打印可以看到接收到文件的信息。    console.log(req.files);    //成功接受到浏览器传来的文件。我们可以在这里写对文件的一系列操作。例如重命名,修改文件储存路径 。等等。    //给浏览器返回一个成功提示。    res.send('upload success!');});

index.html:

<html><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <form action="/upload" enctype="multipart/form-data" method="post">        <p>附件:<input type="file" name="myfile"></p>        <p><input type="submit"></p>    </form></body></html>

执行

启动test39,访问本机8000端口,

Node.JS实战39:Express文件上传一例

 

选择一个文件,并进行提交。

后台会显示出上传文件内容:

Node.JS实战39:Express文件上传一例

 

提交后,前端页面会显示上传成功。

来到temp_folder目录,查看被文件的文件:

Node.JS实战39:Express文件上传一例

 

文件上传成功。

更多本系列文章:

Node.JS实战38:将Node.JS代码编译成字节码

Node.JS实战37:全双工的WebSocket

Node.JS实战36:写一个WAF中间件!防黑客,防攻击

Node.JS实战35:给程序留一个“后门”

Node.JS实战34:远程屏幕监控?可以的

网站部分内容转载自其他平台,如有侵权请联系删除

1.本站遵循行业规范,转载的原创稿件尽可能标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 湘潭seo:java图片压缩技术

    湘潭seo:java图片压缩技术

    2019-12-20 20:05

  • 字节码技术:JVM性能优化

    字节码技术:JVM性能优化

    2019-12-19 22:55

  • 做seo需要懂什么技术?

    做seo需要懂什么技术?

    2019-11-17 19:28

  • SEO有没有技术含量?

    SEO有没有技术含量?

    2019-10-31 23:09

万词霸屏系统