JSON是一種輕量級的數據交換格式,在WEB API中被廣泛地使用。與傳統的XML相比,JSON采用了更為緊湊的格式,能夠更加高效地傳輸數據。在前端開發中,通過使用JSON可以方便地批量上傳圖片。
{ "files":[ { "name":"image1.jpg", "url":"http://example.com/image1.jpg" }, { "name":"image2.jpg", "url":"http://example.com/image2.jpg" }, { "name":"image3.jpg", "url":"http://example.com/image3.jpg" } ] }
以上是一個JSON格式的批量上傳圖片的示例。其中,"files"是一個數組,每個元素都代表一個圖片文件。每個元素中包含了圖片的名稱以及URL地址。在實際開發中,我們可以在前端頁面上使用標簽實現多文件上傳,然后將上傳成功的文件信息轉換為JSON格式進行傳輸。
在服務器端,我們可以通過解析JSON數據,將上傳成功的圖片文件保存到指定的目錄下。以下是一個Node.js示例代碼:
const express = require('express'); const bodyParser = require('body-parser'); const app = express(); // 解析JSON數據 app.use(bodyParser.json()); app.post('/upload', function(req, res) { // 獲取上傳的文件信息數組 const files = req.body.files; // 將文件保存到指定目錄下 // ... res.send('上傳成功'); }); app.listen(3000, function() { console.log('服務器已啟動'); });
以上是一個簡單的Node.js服務器示例,通過使用body-parser中間件解析JSON數據,然后將上傳的文件保存到指定目錄下。在實際開發中,我們還需要添加錯誤處理等代碼,以保證服務器的穩定性和安全性。