通過JQ上傳圖片base64數據應該注意的事項
當我們使用JQ的AJAX進行圖片base64數據上傳時會遇到幾個常見問題，下面列出幾條應該注意的事項：
1，應去掉圖片頭如：“data:image/jpeg;base64,”，在轉換圖片base64數據時會自動在前面加上圖片信息，如“data:image/png;base64,”、“data:image/jpg;base64,”、“data:image/jpeg;base64,”、“data:image/gif;base64,”、“data:image/bmp;base64,”等等，我們應該去掉這些才能保存圖片，在上傳前客戶端或者上傳后服務端處理都行。
2，AJAX傳輸時會自動把內容里的“+”自動轉換成空格，在上傳前我們應該將“+”符號進行編碼。
完整客戶端代碼：var localData0 = res.localData; // localData是圖片的base64數據，可以用img標簽顯示
var localData =localData0.replace(/^.*?,/,''); // 去掉各類圖片頭
var localData = localData.replace(/\+/g, "%2B"); // 把+替換成編碼 %2B是加號的編碼
$.ajax({ //通過ajax來將base64數據發送給服務器端
url:"topic.php",
data:{'localData':localData}, //localData為圖片已經轉換好的base64編碼
type:"post",
dataType: "text",
async:false,//false表示異步執行,true同步
success:function(res){
var text = document.getElementById("picurl").＆#118alue; //取出picurl之前的值
var text1= text+","+res; //多圖上傳時的多圖片路徑拼合
document.getElementById("picurl").＆#118alue=text1; //上傳成功后返回圖片路徑賦值給picurl
},
});
然后服務器端就可以將圖片base64數據保存為圖片了，具體代碼百度很多。
慶中秋迎國慶輕云網站優惠大促銷 奇億網站建設公司關于中秋節國慶節的放假通知 阿里云服務器超低價促銷2核4G三年699元 帶參數微信小程序二維碼的生成方法 新互聯時代網站建設的價值淺談 奇億迎五一云網站買二年送一年活動！ 大數據時代下的網站運營方式 網站怎樣做差異化的運營？ 網站建設中頁面導航的四大類型 淺談網站建設與seo的密切關系 符合SEO規則的網頁設計應做到“七不要” 客戶主動找上門是堅持做seo的最好理由 如何避免千篇一律的網站運營方式？ 軟文推廣寫好優質原創的三要素 網站排名與流量之間的關系 論網站原創內容究竟該不該被保護 增加吸引力的軟文推廣技巧 淺談網站索引頁面建立的意義 收錄與快照在不同搜索引擎中的區別 網站建設時如何給網站設置驗證碼？
