1、效果展示
2、客户端脚本关键代码
var OBJ_PAGE_DATA={};
var SERVER_URL="";//服务器接口地址
OBJ_PAGE_DATA['uploadFiles']=function(){
var pageHandle=this;
wx.chooseImage({
success: function(chooseImageCallbackParams) {
var tempFilePaths = chooseImageCallbackParams.tempFilePaths
wx.uploadFile({
url: SERVER_URL,
filePath: tempFilePaths[0],
name: 'file',
success: function(uploadFileCallbackParams){
var data = uploadFileCallbackParams.data
data=data.split("
");//将返回的字符串切割成数组
var obj_setData={
file:{
name:data[0],//文件名称
types:data[1],//文件类型
size:data[2]//文件大小
}
}
pageHandle.setData(obj_setData);//将返回的数据显示到界面上
console.log(data);
},
fail:function(){
console.log("上传失败")
}
})
}
})
}
Page(OBJ_PAGE_DATA)
3、后台php关键代码
0)
{
//输出文件上传错误提示
echo "Error: " . $_FILES["file"]["error"] . "
";
}
else
{
//获取上传的文件名称
echo $_FILES["file"]["name"] . "
";
//获取上传的文件类型
echo $_FILES["file"]["type"] . "
";
//获取上传的文件大小
echo ($_FILES["file"]["size"] / 1024) . " Kb";
}
?>
4、在获取上传服务器文件属性(文件名、类型、大小)过程中有遇到任何问题或者不明白的地方,欢迎添加我的微信进行咨询,感谢支持!微信号:FutureJet