微信小程序上傳圖片到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-05Javascript圖片上傳前的本地預(yù)覽實(shí)例
圖片的上傳預(yù)覽功能主要用于圖片上傳前的一個效果的預(yù)覽,這篇文章主要介紹了Javascript圖片上傳前的本地預(yù)覽實(shí)例,需要的朋友可以參考下2014-06-06JavaScript?Canvas實(shí)現(xiàn)圖片局部放大鏡效果
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript?Canvas實(shí)現(xiàn)圖片局部放大鏡效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03JavaScript仿京東實(shí)現(xiàn)秒殺倒計時案例詳解
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)京東秒殺倒計時效果,文中示例代碼介紹的非常詳細(xì),感興趣的小伙伴們可以參考一下2022-03-03