如何将微信小程序中的图片上传至PHP服务器实现图片存储？

本文共计504个文字，预计阅读时间需要3分钟。

本文实例为家庭分享了微信小程序上传图片到PHP服务器的具体代码，供大家参考。

JS代码如下：

javascriptsubmitPhoto() { var that=this; wx.uploadFile({ url: 'http://xxx.cn/upload.php', //仅为示例，非真实接口地址 filePath: that.data.tempFilePaths[0], name: 'file', formData: { user: 'test' }, success(res) { const data=res.data console.log(data) } })}

本文实例为大家分享了微信小程序上传图片到php服务器的具体代码，供大家参考，具体内容如下

js代码如下

submitPhoto(){ var that = this; wx.uploadFile({ url: 'xxx.cn/upload.php', //仅为示例，非真实的接口地址 filePath: imagePath, name: 'imgfile', success: function (res) { var data = JSON.parse(res.data);; console.log(data); //do something if(data.code==1){ wx.showToast({ title: '成功', icon: 'success', duration: 1000 }) } } }) },

PHP代码如下upload.php

<?php /** * 上传图片 * 图像识别 * cloud.tencent.com/document/product/641/12438 * * Created by PhpStorm. * User: caydencui * Date: 2018/1/26 * Time: 9:52 */ header('Content-Type:text/html;charset=utf-8'); class Response{ public static function json($code,$message="",$data=array()){ $result=array( 'code'=>$code, 'message'=>$message, 'data'=>$data ); //输出json echo json_encode($result); exit; } } $uplad_tmp_name=$_FILES['imgfile']['tmp_name']; $uplad_name =$_FILES['imgfile']['name']; $image_url=""; //上传文件类型列表 $uptypes=array( 'image/jpg', 'image/jpeg', 'image/png', 'image/pjpeg', 'image/gif', 'image/bmp', 'image/x-png' ); //图片目录 $img_dir="/upload/"; //……html显示上传界面 /*图片上传处理*/ //把图片传到服务器 //初始化变量 $date = date(ymdhis); $uploaded=0; $unuploaded=0; //上传文件路径 $img_url="test.cayden.cn/upload/"; //如果当前图片不为空 if(!empty($uplad_name)) { //判断上传的图片的类型是不是jpg,gif,png,bmp中的一种，同时判断是否上传成功 // if(in_array($_FILES['imgfile']["type"][$i], $uptypes)) // { $uptype = explode(".",$uplad_name); $newname = $date."-0".".".$uptype[1]; //echo($newname); $uplad_name= $newname; //如果上传的文件没有在服务器上存在 if(!file_exists($img_dir.$uplad_name)) { //把图片文件从临时文件夹中转移到我们指定上传的目录中 $file=$img_dir.$uplad_name; move_uploaded_file($uplad_tmp_name,$file); chmod($file,0644); $img_url1=$img_url.$newname; $uploaded++; Response::json(1,'success',$img_url1); } // } // else // { // Response::json(1,'type error',$img_url1); // $unuploaded++; // } }//endif Response::json(0,'error',$img_url1); ?>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自由互联。