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

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

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

1、簡(jiǎn)單的兩個(gè)組件file組件和button組件

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

button的onclick屬性（點(diǎn)擊按鈕后執(zhí)行saves()函數(shù)）

2、showImg()函數(shù)

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

?

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

?

5、測(cè)試結(jié)果

? ? ? 連接服務(wù)器

? ? ??

? ? ? 點(diǎn)擊選擇文件，選擇圖片

? ? ??

? ? ? 點(diǎn)擊保存圖片，查看保存在本地的上傳圖片

? ? ??

?

轉(zhuǎn)載于:https://www.cnblogs.com/zzb-yp/p/9443534.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。