图片上传

微信⼩程序中如何上传图⽚

本篇⽂章给⼤家带来的内容是关于微信⼩程序中如何上传图⽚（代码⽰例），有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对你有

所帮助。

⼀、wxml⽂件

上传图⽚

点击选择上传图

⼆、js⽂件

Page({

/**

*页⾯的初始数据

*/

data:{

//初始化为空

source:''

},

/**

*上传图⽚

*/

uploadimg:function(){

varthat=this;

Image({//从本地相册选择图⽚或使⽤相机拍照

count:1,//默认9

sizeType:['original','compresd'],//可以指定是原图还是压缩图，默认⼆者都有

sourceType:['album','camera'],//可以指定来源是相册还是相机，默认⼆者都有

success:function(res){

//(res)

//前台显⽰

a({

source:lePaths

})

//返回选定照⽚的本地⽂件路径列表，tempFilePath可以作为img标签的src属性显⽰图⽚

vartempFilePaths=lePaths

File({

url:'/home/api/uploadimg',

filePath:tempFilePaths[0],

name:'file',

success:function(res){

//打印

()

}

})

}

})

},

)}

三、PHP后端代码

//上传图⽚

publicfunctionuploadimg()

{

$file=request()->file('file');

if($file){

$info=$file->move('public/upload/weixin/');

if($info){

$file=$info->getSaveName();

$res=['errCode'=>0,'errMsg'=>'图⽚上传成功','file'=>$file];

returnjson($res);

}

}

}