微信小程序上传图片到php服务器的方法

 更新时间:2019年05月23日 10:50:59   作者:cuiran  
这篇文章主要为大家详细介绍了微信小程序上传图片到php服务器的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

js代码如下

 submitPhoto(){
 var that = this;
 wx.uploadFile({
  url: 'http://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
/**
 * 上传图片
 * 图像识别
 * 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/";
//……html显示上传界面

/*图片上传处理*/
//把图片传到服务器
//初始化变量
$date = date(ymdhis);
$uploaded=0;
$unuploaded=0;
//上传文件路径
$img_url="http://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);

?>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 使用原生js实现页面蒙灰(mask)效果示例代码

    使用原生js实现页面蒙灰(mask)效果示例代码

    像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果,当然jquery也提供了这种蒙灰方法,下面有个示例,大家可以参考下
    2014-06-06
  • javaScript中封装的各种写法示例(推荐)

    javaScript中封装的各种写法示例(推荐)

    这篇文章主要给大家介绍了关于javaScript中封装的各种写法的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • js实现图片实时时钟

    js实现图片实时时钟

    这篇文章主要为大家详细介绍了js实现图片实时时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 原生js+css调节音量滑块

    原生js+css调节音量滑块

    这篇文章主要介绍了原生js+css调节音量滑块,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 纯js实现的积木(div层)拖动功能示例

    纯js实现的积木(div层)拖动功能示例

    这篇文章主要介绍了纯js实现的积木(div层)拖动功能,结合实例形式分析了javascript随机生成各种颜色div层及响应鼠标事件改变元素属性实现拖动效果的相关操作技巧,需要的朋友可以参考下
    2017-07-07
  • 基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果

    基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果

    这篇文章主要介绍了基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果,需要的朋友可以参考下
    2017-07-07
  • 如何利用JS通过身份证号获取当事人的生日、年龄、性别

    如何利用JS通过身份证号获取当事人的生日、年龄、性别

    身份证可以识别一个人的信息,下面就介绍一下如何利用js通过身份证号码获取当事人的年龄和性别
    2016-01-01
  • JavaScript实现鼠标点击后层展开效果的方法

    JavaScript实现鼠标点击后层展开效果的方法

    这篇文章主要介绍了JavaScript实现鼠标点击后层展开效果的方法,可实现点击文字缓慢展开层的效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-05-05
  • JS如何实现基于websocket的多端桥接平台

    JS如何实现基于websocket的多端桥接平台

    我们在调试过程使用的工具有:modheader,postman等,但这些工具都会存在的问题:缺少客户端里相应的设备信息;即使将cookie信息复制出来,也是存在过期的问题;多个设备之间切换时不方便;针对这些存在的问题,我基于websocket双向通信的特点,实现了多端桥接管理平台
    2021-05-05
  • JavaScript+html实现前端页面滑动验证

    JavaScript+html实现前端页面滑动验证

    这篇文章主要为大家详细介绍了JavaScript+html实现前端页面滑动验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06

最新评论