微信小程序上傳圖片到php服務(wù)器的方法
更新時間:2019年05月23日 10:50:59 作者:cuiran
這篇文章主要為大家詳細(xì)介紹了微信小程序上傳圖片到php服務(wù)器的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了微信小程序上傳圖片到php服務(wù)器的具體代碼,供大家參考,具體內(nèi)容如下
js代碼如下
submitPhoto(){
var that = this;
wx.uploadFile({
url: 'http://xxx.cn/upload.php', //僅為示例,非真實(shí)的接口地址
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
/**
* 上傳圖片
* 圖像識別
* https://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/";
//……h(huán)tml顯示上傳界面
/*圖片上傳處理*/
//把圖片傳到服務(wù)器
//初始化變量
$date = date(ymdhis);
$uploaded=0;
$unuploaded=0;
//上傳文件路徑
$img_url="http://test.cayden.cn/upload/";
//如果當(dāng)前圖片不為空
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;
//如果上傳的文件沒有在服務(wù)器上存在
if(!file_exists($img_dir.$uplad_name))
{
//把圖片文件從臨時文件夾中轉(zhuǎn)移到我們指定上傳的目錄中
$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);
?>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
一篇文章告訴你如何用事件委托實(shí)現(xiàn)JavaScript留言板功能
這篇文章主要為大家介紹了事件委托實(shí)現(xiàn)JavaScript留言板功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-12-12
微信小程序結(jié)合Storage實(shí)現(xiàn)搜索歷史效果
這篇文章主要為大家詳細(xì)介紹了微信小程序結(jié)合Storage實(shí)現(xiàn)搜索歷史效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-05-05
Javascript圖片上傳前的本地預(yù)覽實(shí)例
圖片的上傳預(yù)覽功能主要用于圖片上傳前的一個效果的預(yù)覽,這篇文章主要介紹了Javascript圖片上傳前的本地預(yù)覽實(shí)例,需要的朋友可以參考下2014-06-06
JavaScript?Canvas實(shí)現(xiàn)圖片局部放大鏡效果
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript?Canvas實(shí)現(xiàn)圖片局部放大鏡效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
JavaScript仿京東實(shí)現(xiàn)秒殺倒計時案例詳解
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)京東秒殺倒計時效果,文中示例代碼介紹的非常詳細(xì),感興趣的小伙伴們可以參考一下2022-03-03

