十天上手Node+KOA(3)

最新推荐文章于 2024-06-28 16:17:19 发布

贝程学院

最新推荐文章于 2024-06-28 16:17:19 发布

阅读量708

点赞数

分类专栏： web前端文章标签： node

本文链接：https://blog.csdn.net/u011860431/article/details/100022719

版权

本文介绍了Node.js中的path和url模块，重点讲解了如何利用formidable包实现在服务端处理客户端上传图片的实战操作。

摘要由CSDN通过智能技术生成

发布任务~
一、path模块
二、url模块
三、formidable包

####一、path模块
path 模块提供用于处理文件路径和目录路径的实用工具

const paths = require('path');
let dir = 'D:/node/';
// 将碎片化路径拼接在一起，规范化生成的路径
path.join(dir, './public'); // D:\node\public

let extStr = '/index.html';
// path的扩展名
path.extname(extStr); // .html

####二、url模块
用于处理与解析 URL
实例化URL
new URL(input)
input: 要解析的输入URL

let url = '/';
let appUrl = new URL('http://localhost:3002' + decodeURIComponent(req.url));

//  URL {
//     href: 'http://localhost:3002/',
//     origin: 'http://localhost:3002',
//     protocol: 'http:',
//     username: '',
//     password: '',
//     host: 'localhost:3002',
//     hostname: 'localhost',
//     port: '3002',
//     pathname: '/',
//     search: '',
//     searchParams: URLSearchParams {},  
//          获取表示URL查询参数的URLSearchParams对象
//          通过get(key) 可获取value
//     hash: '' 
//   }

####实战：使用formidable实现上传图片

客户端：

<body>
   <input type="file" id="file">
   <div id="img-containers"></div>
</body>

    let file = document.getElementById('file');
   let imgContainer = document.getElementById('img-containers');
   
   file.addEventListener('change', uploadFile);

   function uploadFile() {
   
       // 实例化formData
       let form = new FormData();
       // 实例化读取文件
       let fileReader = new FileReader();

       fileReader.onload = function (