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


Posted in Javascript onMay 23, 2019

本文实例为大家分享了微信小程序上传图片到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 相关文章推荐
js arguments.callee的应用代码
May 07 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 Javascript
Javascript之面向对象--方法
Dec 02 Javascript
js放到head中失效的原因与解决方法
Mar 07 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
javascript实现遮罩层动态效果实例
May 14 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
May 19 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
vue实现登陆页面开发实践
May 30 Vue.js
React精髓!一篇全概括小结(急速)
May 23 #Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 #Javascript
微信小程序实现文件、图片上传功能
Aug 18 #Javascript
微信小程序实现图片上传
May 23 #Javascript
WebSocket的简单介绍及应用
May 23 #Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 #Javascript
微信小程序实现的picker多级联动功能示例
May 23 #Javascript
You might like
PHP4实际应用经验篇(6)
2006/10/09 PHP
php简单分页类实现方法
2015/02/26 PHP
php数组和链表的区别总结
2019/09/20 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
Bootstrap3学习笔记(三)之表格
2016/05/20 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
2018/02/09 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
[01:00:35]2018DOTA2亚洲邀请赛3月30日B组 EffcetVSMineski
2018/03/31 DOTA
Python中if __name__ == '__main__'作用解析
2015/06/29 Python
win与linux系统中python requests 安装
2016/12/04 Python
Python科学画图代码分享
2017/11/29 Python
Python生成器以及应用实例解析
2018/02/08 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
python实现黑客字幕雨效果
2018/06/21 Python
Python中修改字符串的四种方法
2018/11/02 Python
在Pycharm中执行scrapy命令的方法
2019/01/16 Python
python3实现指定目录下文件sha256及文件大小统计
2019/02/25 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
个人评价范文分享
2014/01/11 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
2014年结对帮扶工作总结
2014/12/17 职场文书
公司联欢会主持词
2015/07/04 职场文书
退休欢送会致辞
2015/07/31 职场文书
青少年法制教育心得体会
2016/01/14 职场文书