亲宝软件园·资讯

展开

前端Node实现简易的文件上传下载

前端小学生OvO 人气:0
https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/# 前端代码 文件名:register.html ```html 点我下载 ``` https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/# NodeJS代码 下载所需要的模块 ``` npm install express npm install multer ``` ```js var express = require('express'); var url = require('url'); var fs = require('fs'); var multer = require('multer'); //处理上传的文件模块 var app = new express(); var uploadSingle = multer({dest: './uploadFile/'}); /https://img.qb5200.com/download-x/dest: 配置默认上传之后存储的文件夹 //这个返回的前端代码页面 app.get('/login',function (req,resp) { var loginhtml = fs.readFileSync('./register.html'); resp.end(loginhtml); }) //处理多张图片上传的时候,用uploadSingle.array('img),则request.file得到的是一个数组 //single里面的'img'要与前端上传时的name属性的值一致 app.post('/imgData',uploadSingle.single('img'),function (request,response) { // 上传之后会自动保存到定义的文件夹下,一些相关信息在request.file当中 var path = request.file.path; // ...存储到数据库等操作,把得到的存储地址返回给前端,用于后面前端好发送请求读取数据 }) app.get('/getImgData',function (request,response) { //得到前端传递过来的要读取的文件的路径 var path = url.parse(request.url,true).query; try { var data = fs.readFileSync(path); //返回读取到的数据 }catch(e) { //读取发生错误。。 } }) app.listen(8081,function () { console.log('服务已启动'); }) ```

加载全部内容

相关教程
猜你喜欢
用户评论