首先要搭建好springmvc，詳見https://www.cnblogs.com/zzb-yp/p/9295397.html

整體思路：前端代碼包括顯示和傳參（這里的參數主要就是圖片的base64字符串），顯示主體部分是type=“file”類型的input組件和一個提交按鈕???

???????????? 后端接收傳過來的圖片的base64字符串，將其通過流的形式進行本地保存或者直接保存在數據庫中

1、簡單的兩個組件file組件和button組件

file的onchange屬性（在點擊選擇的文件并且與前一次的文件不相同時執行showImg()函數）

button的onclick屬性（點擊按鈕后執行saves()函數）

2、showImg()函數

3、saves()函數? ? ? ? (注意注意，這里我有一個寫錯了，在下面第六行的multipart/form-data中，我在下面中間少了一個"-")

?

4、后端：解析傳過來的參數+保存文件到本地

?

5、測試結果

? ? ? 連接服務器

? ? ??

? ? ? 點擊選擇文件，選擇圖片

? ? ??

? ? ? 點擊保存圖片，查看保存在本地的上傳圖片

? ? ??

?

轉載于:https://www.cnblogs.com/zzb-yp/p/9443534.html

總結

以上是生活随笔為你收集整理的js之base64上传图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。