node.js 用戶上傳圖片到服務器

第一:介紹一下node.js

   我是做java後臺開發,之前對node.js 不太瞭解偏偏這個家公司卻用了這們新技術,所以短時間內去了解了一下。使用了一段時間發現node.js 確實強大,爲什麼這樣說呢?那就簡單的跟大家說一下吧,大家都知道加載順序從上往下執行,等html加載完後纔會加載js,這時候js纔會跟後臺對接接口,然後這中間至少要幾秒吧,在用戶看來會有緩衝。然而nodejs 解決了這個問題。他在運行這個頁面的時候,已經去跟後臺的接口對接瞭然後在綁定到頁面上面,瀏覽器在加載js時候用戶已經可以看到數據了。簡單介紹到這裏。

第二:使用node.js

   搭建node.js 就不在這裏介紹了,迴歸正題介紹上傳圖片吧。補充一下後臺用的框架ssm。 第一步:我們需要在html 頁面寫一個file按鈕控件裏面帶有一個onchange()事件

然後在js 方法跳轉到後臺找到控制器裏面對應方法


跳轉到/user/modifyUserImg方法裏面。

這裏有一個區別:(1)就是js裏面如果是寫$.ajax的話是直接跳轉到控制器裏面的


(2)如果是用了他需要用路由去控制它。第二步:我們要到路由方法裏面寫一個轉發這個接口


這個post路徑需要跟js裏面要一樣的才能找到這個方法,然後下面singleRequest裏面的就是對應到控制器裏面的方法了。所以這裏需要看清楚了。


第三:在接口裏面實現上傳到服務器代碼


SpringMVC 用的是 的MultipartFile來進行文件上傳 所以我們首先要配置MultipartResolver:用於處理表單中的file

(1)savePath:代表你要吧圖片存儲到服務器上面那個文件夾路徑

(2)newFile:拼接一個完整路徑,最好在測試時候,把路徑輸出一下查看是否正確。

(3)BufferedOutputStream:緩存輸出流。再把這個圖片輸出到服務器文件下

(4)在吧這個路徑返回到js在綁定到img,這樣用戶在就可以看到自己上傳的圖片了


如果使用相同框架 不妨可以試試這樣,這個比較簡單方便。如何多個的話可以試試循環讀取這個方法。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章