微信小程序利用JavaScript实现图片上传至PHP服务器的详细方法与技巧

js相关&＃xff1a;微信小程序上传图片到php服务器的方法

发布于 2020-5-25|

复制链接

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

&＃96;&＃96;&＃96;Javascript

submitPhoto(){

var that &＃61; this;

wx.uploadFile({

url: &＃39;http://xxx.cn/upload.php&＃39;, //仅为示例&＃xff0c;非真实的接口地址 ..

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

&＃96;&＃96;&＃96;Javascript

submitPhoto(){

var that &＃61; this;

wx.uploadFile({

url: &＃39;http://xxx.cn/upload.php&＃39;, //仅为示例&＃xff0c;非真实的接口地址

filePath: imagePath,

name: &＃39;imgfile&＃39;,

success: function (res) {

var data &＃61; JSON.parse(res.data);;

console.log(data);

//do something

if(data.code&＃61;&＃61;1){

wx.showToast({

title: &＃39;成功&＃39;,

icon: &＃39;success&＃39;,

duration: 1000

})

}

}

})

},

&＃96;&＃96;&＃96;

PHP代码如下upload.php

&＃96;&＃96;&＃96;php

$code,

&＃39;message&＃39;&＃61;>$message,

&＃39;data&＃39;&＃61;>$data

);

//输出json

echo json_encode($result);

exit;

}

}

$uplad_tmp_name&＃61;$_FILES[&＃39;imgfile&＃39;][&＃39;tmp_name&＃39;];

$uplad_name &＃61;$_FILES[&＃39;imgfile&＃39;][&＃39;name&＃39;];

$image_url&＃61;"";

//上传文件类型列表

$uptypes&＃61;array(

&＃39;image/jpg&＃39;,

&＃39;image/jpeg&＃39;,

&＃39;image/png&＃39;,

&＃39;image/pjpeg&＃39;,

&＃39;image/gif&＃39;,

&＃39;image/bmp&＃39;,

&＃39;image/x-png&＃39;

);

//图片目录

$img_dir&＃61;"upload/";

//……html显示上传界面

/*图片上传处理*/

//把图片传到服务器

//初始化变量

$date &＃61; date(ymdhis);

$uploaded&＃61;0;

$unuploaded&＃61;0;

//上传文件路径

$img_url&＃61;"http://test.cayden.cn/upload/";

//如果当前图片不为空

if(!empty($uplad_name))

{

//判断上传的图片的类型是不是jpg,gif,png,bmp中的一种&＃xff0c;同时判断是否上传成功

// if(in_array($_FILES[&＃39;imgfile&＃39;]["type"][$i], $uptypes))

// {

$uptype &＃61; explode(".",$uplad_name);

$newname &＃61; $date."-0".".".$uptype[1];

//echo($newname);

$uplad_name&＃61; $newname;

//如果上传的文件没有在服务器上存在

if(!file_exists($img_dir.$uplad_name))

{

//把图片文件从临时文件夹中转移到我们指定上传的目录中

$file&＃61;$img_dir.$uplad_name;

move_uploaded_file($uplad_tmp_name,$file);

chmod($file,0644);

$img_url1&＃61;$img_url.$newname;

$uploaded&＃43;&＃43;;

Response::json(1,&＃39;success&＃39;,$img_url1);

}

// }

// else

// {

// Response::json(1,&＃39;type error&＃39;,$img_url1);

// $unuploaded&＃43;&＃43;;

// }

}//endif

Response::json(0,&＃39;error&＃39;,$img_url1);

?>

&＃96;&＃96;&＃96;