1、效果展示 2、客户端脚本关键代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 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("<br />");//将返回的字符串切割成数组 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) 来自CODE的代码片 snippet_file_0.txt 3、后台PHP关键代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <?php if ($_FILES["file"]["error"] > 0) { //输出文件上传错误提示 echo "Error: " . $_FILES["file"]["error"] . "<br />"; } else { //获取上传的文件名称 echo $_FILES["file"]["name"] . "<br />"; //获取上传的文件类型 echo $_FILES["file"]["type"] . "<br />"; //获取上传的文件大小 echo ($_FILES["file"]["size"] / 1024) . " Kb"; } ?> 来自CODE的代码片 snippet_file_0.txt 4、在获取上传服务器文件属性(文件名、类型、大小)过程中有遇到任何问题或者不明白的地方,欢迎添加我的微信进行咨询,感谢支持!微信号:FutureJet