国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

node實現批量上傳本地圖片轉為圖片CDN的項目實踐

瀏覽:6日期:2022-06-12 15:05:48
目錄前言什么是圖片CDN為什么用圖片CDN實現過程結語前言

最近在做一個官網,里面需要很多圖片,比較占用資源,打包體積有點大。所以想換成圖片CDN方式,之前寫過一個類似的,是需要后端同事提供接口,正好最近在看node,所以準備用node實現一下。

什么是圖片CDN

與傳統的CDN不同,圖片CDN是CDN網絡的一種應用,專門用于加速圖片的傳輸和加載,當使用圖片CDN的時候,圖片被保存在CDN提供商的服務器上,并通過多個地理位置的邊緣節(jié)點提供服務。當用戶請求訪問這些圖片時,CDN會自動將圖片傳送到距離用戶最近的邊緣節(jié)點,從而實現快速加載和高可用性。

為什么用圖片CDN

1.可以提高網頁加載速度,因為圖片被存儲在離用戶更近的服務器上,可以減少網絡延遲,加快傳輸速度,提高網頁加載速度。2.節(jié)省帶寬消耗,CDN可以分擔原始服務器的流量壓力,通過緩存圖片并在需要時提供服務,從而減少原始服務器的帶寬消耗。3.減輕源服務器的負載,將圖片的從源服務器上轉移到CDN服務器上,減小了打包的體積,減輕了服務器的壓力。

實現過程

這次實現主要用的是express + cloudinary + node,主要借用了cloudinary,將圖片上傳到cloudinary,

將其中的cloud_name、api_key、api_secret換成自己就行,話不多說直接上代碼

const express = require('express');const multer = require('multer');const cloudinary = require('cloudinary').v2;const app = express();// 配置Multer中間件const storage = multer.diskStorage({? destination: (req, file, cb) => {? ? cb(null, 'uploads/'); // 指定上傳文件保存的目錄? },? filename: (req, file, cb) => {? ? cb(null, file.originalname); // 使用原始文件名保存上傳文件? }});const upload = multer({ storage });// 配置Cloudinarycloudinary.config({?? ? cloud_name: '*********',?? ? api_key: '*********',?? ? api_secret: '*********' ?? });// 處理文件上傳app.post('/upload', upload.array('images', 10), (req, res) => {? const files = req.files;? const uploadPromises = [];? // 遍歷所有上傳的文件? for (let i = 0; i < files.length; i++) {? ? const file = files[i];? ? const uploadPromise = new Promise((resolve, reject) => {? ? ? cloudinary.uploader.upload(file.path, (error, result) => {? ? ? ? if (error) {? ? ? ? ? reject(error);? ? ? ? } else {? ? ? ? ? resolve(result);? ? ? ? }? ? ? });? ? });? ? uploadPromises.push(uploadPromise);? }? // 等待所有文件上傳完成? Promise.all(uploadPromises)? ? .then(results => {? ? ? res.json(results);? ? })? ? .catch(error => {? ? ? res.status(500).json({ error: '上傳失敗' });? ? });});// 啟動應用程序app.listen(3000, () => {? console.log('應用程序已啟動');});

然后在本地啟動node服務就行,通過postman調用本地接口,實現批量上傳

其中的url就是我所需要的,可以直接放在img標簽中,替換本地路徑的圖片換成cdn形式圖片

結語

寫這個服務的最大目的是為了偷懶,同時也方便打包減小打包體積,有條件的大佬可以在寫一個上傳頁面,不用在通過postman調用

到此這篇關于node實現批量上傳本地圖片轉為圖片CDN的項目實踐的文章就介紹到這了,更多相關node 批量圖片CDN內容請搜索好吧啦網以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
主站蜘蛛池模板: 免费国内精品久久久久影院 | 波多野结衣视频在线观看 | 成人欧美精品久久久久影院 | 国产成人一区二区三中文 | 高清成人爽a毛片免费网站 高清大学生毛片一级 | 精品国产一区二区三区不卡蜜臂 | 中文字幕一区二区三区久久网站 | 台湾三级香港三级在线中文 | 114一级毛片免费观看 | 日韩一区二区免费看 | 日韩精品一区二区三区中文字幕 | 亚洲一区二区在线成人 | 成人亚洲欧美综合 | 三级三级三级全黄 | 色欧美与xxxxx | 国产午夜精品理论片影院 | 久久视频在线观看免费 | 久久91视频 | 国产欧美日韩中文久久 | 免费精品一区二区三区在线观看 | 京东一热本色道久久爱 | 国产成人在线网址 | 久草资源福利 | 毛片免费在线观看网址 | 女人国产香蕉久久精品 | 精品欧美一区二区三区四区 | 91av爱爱| 日韩中文字幕精品一区在线 | 免费精品一区二区三区在线观看 | 欧美最大成人毛片视频网站 | 高清欧美性狂猛bbbbbbxxxx | www.99热| 免费观看欧美一级高清 | 久久国产成人福利播放 | 国产精品18久久久久久久久久 | 538在线视频二三区视视频 | 久久精品国产欧美日韩99热 | 99福利资源久久福利资源 | 欧美成人艳星在线播放 | 伊在人亚洲香蕉精品区 | 久久悠|