



下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
第Golang實現圖片上傳功能的示例代碼目錄1.前端代碼2.JS代碼3.后端代碼該代碼為使用beego實現前后端圖片上傳。話不多說,直接上代碼。
1.前端代碼
html代碼:
div背景圖(必須):/div
div
label
span/span
inputtype="file"
/label
/div
div
/div
2.JS代碼
a.讀取圖片代碼,用于在頁面上顯示
//讀取圖片
functionloadImg(){
//獲取文件
varfile=$(".up-file")[0].files[0];
//創建讀取文件的對象
varreader=newFileReader();
//創建文件讀取相關的變量
varimgFile;
//為文件讀取成功設置事件
reader.onload=function(e){
vare=window.event||e;
imgFile=e.target.result;
console.log(imgFile);
$(".img-file").css({'background':"url("+imgFile+")"});
isimg();
//正式讀取文件
reader.readAsDataURL(file);
}
b.驗證是否有圖片存在
//是否有圖片驗證
functionisimg(){
varimg=$(".img-file").css('background-image');
if(img.indexOf("data:image")==-1img.indexOf(".jpg")==-1){
$(".mess").html("請添加背景圖片").css("opacity",1);
returnfalse;
else{
$(".mess").css("opacity",0).html("");
returntrue;
}
c.提交上傳,將圖片以base64編碼的方式傳給后端
functionaddData(){
varurl=$(".img-file").css("background-image");
vardata1=[{"name":"url","value":url}];
$.ajax({
url:"/commmethod/method/uploadimg",
data:data1,
type:"post",
ContentType:"application/json",
success:function(resp){
......
}
3.后端代碼
func(this*CommMethodController)UploadImg(){
fileurl:=this.GetString("url")
DataArr:=strings.Split(fileurl,",")
//去除包裝,獲取到base64編碼
imgBase64:=DataArr[1][:len(DataArr[1])-2]
//base64轉碼
imgs,err:=base64.StdEncoding.DecodeString(imgBase64)
iferr!=nil{
beego.Error("base64decodeerror:",err)
timenow:=time.Now().Unix()
file,err:=os.OpenFile("./static/img/"+strconv.FormatInt(timenow,10)+".jpg",os.O_CREATE|os.O_WRONLY,0644)
iferr!=nil{
beego.Debug("createfileerror:",err)
w:=bufio.NewWriter(file)//創建新的Writer對象
_,err3:=w.WriteString(string(imgs))
iferr3!=nil{
beego.Error("writeerror:",err3)
w.Flush()
deferfile.Close()
imgname:=strconv.FormatInt(timenow,10)+".jpg"
t:=struct{
ImageNamestring`json:"imagename"`
}{imgname}
this.Data["json"]=t
this.ServeJSON()
*此代碼主要用于編輯圖片時,刪除原有圖片
*判斷文件是否存在存在返回true不存在返回false
funccheckFileIsExist(filenamestring)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 第八章+認識國家(美國、巴西)(串講課件)-2024-2025學年七年級地理下學期期末考點大串講(中圖版北京2024)
- GCP質量管理精要
- Brand KPIs for online betting:Betfair in Brazil-英文培訓課件2025.5
- 2025年(完整版)小升初數學公式
- AI大模型賦能區域醫療數字化醫聯體建設方案
- 華為公司干部管理與培養(一)7P
- 山東省德州市武城縣五校聯考2024-2025學年八年級下學期第二次月考數學試卷(答案不完整)
- 先進先出試題及答案
- 武漢理化試題及答案詳解
- 廣東省東莞市光正實驗學校2024-2025學年高一下學期期中考試英語試卷(解析版)
- 蔬菜凈菜車間管理制度
- 2025年高考化學考點復習之有機合成(解答大題)
- 企業國際化經營中的人力資源管理
- 2025餐廳服務員勞動合同范本
- 竣工預驗收自評報告
- 2025年中國石油化工行業市場發展前景及發展趨勢與投資戰略研究報告
- 畢業設計(論文)-手推式草坪修剪機設計
- 畢業季快閃抖音演示模板
- DB62-T 5072-2024 公路固廢基膠凝材料穩定碎石混合料 設計與施工規范
- 《文化和旅游領域重大事故隱患判定標準》知識培訓
- 鄉鎮環保基礎知識培訓
評論
0/150
提交評論