第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)