要使用Websockets和Node.js上傳文件，你需要遵循以下步驟：

1、安裝必要的依賴項

2、創(chuàng)建一個簡單的Web服務器

3、創(chuàng)建一個Websocket服務器

4、實現(xiàn)文件上傳功能

5、測試文件上傳功能

1. 安裝必要的依賴項

確保你已經(jīng)安裝了Node.js，在項目文件夾中運行以下命令來安裝所需的依賴項：

npm init y
npm install express ws multer

這將安裝express、ws（WebSocket庫）和multer（用于處理文件上傳的中間件）。

2. 創(chuàng)建一個簡單的Web服務器

在項目文件夾中創(chuàng)建一個名為app.js的文件，并添加以下代碼：

const express = require('express');
const app = express();
const port = 3000;
app.use(express.static('public'));
app.listen(port, () => {
  console.log(Server is running at http://localhost:${port});
});

這將創(chuàng)建一個簡單的Web服務器，它將在端口3000上運行，并提供一個名為public的文件夾中的靜態(tài)文件。

3. 創(chuàng)建一個Websocket服務器

在項目文件夾中創(chuàng)建一個名為websocket.js的文件，并添加以下代碼：

const WebSocket = require('ws');
const server = new WebSocket.Server({ port: 8080 });
server.on('connection', (socket) => {
  console.log('Client connected');
  socket.on('message', (message) => {
    console.log(Received message: ${message});
  });
  socket.on('close', () => {
    console.log('Client disconnected');
  });
});

這將創(chuàng)建一個簡單的Websocket服務器，它將在端口8080上運行。

4. 實現(xiàn)文件上傳功能

在項目文件夾中創(chuàng)建一個名為upload.js的文件，并添加以下代碼：

const express = require('express');
const multer = require('multer');
const app = express();
const upload = multer({ dest: 'uploads/' });
app.post('/upload', upload.single('file'), (req, res) => {
  if (!req.file) {
    return res.status(400).send('No file uploaded');
  }
  res.send(File uploaded successfully: ${req.file.filename});
});
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

這將創(chuàng)建一個簡單的Express應用程序，它使用multer中間件處理文件上傳，文件將被保存到uploads文件夾中。

5. 測試文件上傳功能

現(xiàn)在，你可以運行以下命令啟動你的應用程序：

node app.js & node websocket.js & node upload.js

接下來，打開瀏覽器并訪問http://localhost:3000，你應該看到一個文件上傳表單，選擇一個文件并點擊上傳按鈕，你應該會看到Websocket服務器接收到的消息，以及成功上傳文件的消息。

名稱欄目：HTML使用Websockets和Node.js上傳文件
轉(zhuǎn)載來于：http://uogjgqi.cn/article/djjopoh.html