SpringBoot文件上傳(本地存儲)回顯前端操作方法
文件上傳原理
(本地存儲,云儲存皆適用)
以圖片為例,前端調用后端上傳文件的接口,將圖片文件上傳到接口指定的位置,然后后端返回該圖片的路徑到前端,前端通過該路徑就可以直接在瀏覽器訪問,要是進行增改操作,也是將該路徑添加到數據庫,
所以說要操作的不是這張圖片本身,而是圖片的路徑
后端文件上傳接口代碼解析
代碼實現(xiàn)原理看圖,結果是返回該文件添加到的位置路徑
效果
請求后:
打開文件位置,該文件位置可以是前端目錄,也可以是后端目錄
對其操作
若是對該文件圖片進行添加,則是將該圖片路徑添加到數據庫,在前端進行get展示界面請求時,根據該路徑就可以進行圖片的回顯,如下:
總結
到此這篇關于SpringBoot文件上傳(本地存儲)回顯前端操作方法的文章就介紹到這了,更多相關SpringBoot文件上傳回顯前端內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Kotlin中l(wèi)et、run、with、apply及also的用法和差別
作用域函數是Kotlin比較重要的一個特性,分為5種let、run、with、apply及also,這五個函數的工作方式非常相似,但是我們需要了解這5種函數的差異,以便在不同的場景更好的利用它,這篇文章主要介紹了Kotlin中l(wèi)et、run、with、apply及also的差別,需要的朋友可以參考下2023-11-11Mybatis Plus整合PageHelper分頁的實現(xiàn)示例
這篇文章主要介紹了Mybatis Plus整合PageHelper分頁的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-09-09SpringbBoot實現(xiàn)Tomcat集群的會話管理的詳細過程
文章介紹了如何使用Nginx作為負載均衡器和SpringSession配合Redis實現(xiàn)Tomcat集群的會話共享,確??绻?jié)點訪問時會話的一致性和持久性,通過具體的步驟和示例代碼,感興趣的朋友一起看看吧2024-12-12springboot2.x實現(xiàn)oauth2授權碼登陸的方法
這篇文章主要介紹了springboot2.x實現(xiàn)oauth2授權碼登陸的方法,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08