微信小程序上传图片到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);

?>

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

相关文章

  • 一文弄懂JavaScript的继承方式

    一文弄懂JavaScript的继承方式

    这篇文章主要介绍了一文弄懂JavaScript的继承方式,在java面试过程中经常被问到javascript中有几种继承方式,每种继承方式是怎么实现的,文中给大家讲解的非常详细,需要的朋友可以参考下
    2022-05-05
  • JavaScript知识点总结之如何提高性能

    JavaScript知识点总结之如何提高性能

    JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文非常详细的介绍了一下JavaScript性能优化方面的知识点,绝对是干货,需要的朋友快来一起学习吧
    2016-01-01
  • jQuery实现div浮动层跟随页面滚动效果

    jQuery实现div浮动层跟随页面滚动效果

    这篇文章主要介绍了jQuery实现div浮动层跟随页面滚动效果,需要的朋友可以参考下
    2014-02-02
  • Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例

    Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例

    这篇文章主要介绍了Extjs4中tree的拖拽功能简单实例,有需要的朋友可以参考一下
    2013-12-12
  • 理解JavaScript的prototype属性

    理解JavaScript的prototype属性

    JavaScript可以说是最让人初学者难以理解的单一属性。我看了一些资料后,开始明白其实这些困难很大程度来自prototype这个名字本身的二义性
    2012-02-02
  • 详细总结Javascript中的焦点管理

    详细总结Javascript中的焦点管理

    相信大家都知道焦点作为javascript中的一个重要功能,基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍,有需要的朋友们可以参考借鉴。
    2016-09-09
  • 如何用JavaScript动态呼叫函数(两种方式)

    如何用JavaScript动态呼叫函数(两种方式)

    下面介绍一下动态呼叫函数目前应该有下面两种方式,它们之间的使用及对比,感兴趣的朋友可以研究下,希望可以帮助到你
    2013-05-05
  • 用js控制视频播放进度基本示例代码

    用js控制视频播放进度基本示例代码

    写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • 让Firefox支持event对象实现代码

    让Firefox支持event对象实现代码

    FireFox并没有 window.event ,所以在FireFox下编写事件处理函数是很麻烦的事。如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event
    2009-11-11
  • ECMAScript6中Map/WeakMap详解

    ECMAScript6中Map/WeakMap详解

    这篇文章主要介绍了ECMAScript6中Map/WeakMap详解的相关资料,需要的朋友可以参考下
    2015-06-06

最新评论