微信小程序上传图片到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 相关文章推荐
ext jquery 简单比较
Apr 07 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
jquery 插件学习(五)
Aug 06 Javascript
javascript操作表格排序实例分析
May 06 Javascript
关于input全选反选恶心的异常情况
Jul 24 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
微信小程序实现一个简单swiper代码实例
Dec 30 Javascript
vue实现计算器功能
Feb 22 Javascript
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
用JavaScript实现动画效果的方法
2013/07/20 Javascript
jQuery实现渐变下拉菜单的简单方法
2015/03/11 Javascript
Vue 2.0的数据依赖实现原理代码简析
2017/07/10 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
基于VUE实现的九宫格抽奖功能
2018/09/30 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
vue+elementUI动态生成面包屑导航教程
2019/11/04 Javascript
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
2019/12/15 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
深入解析Python中的变量和赋值运算符
2015/10/12 Python
python将unicode转为str的方法
2017/06/21 Python
Python实现excel转sqlite的方法
2017/07/17 Python
Python优先队列实现方法示例
2017/09/21 Python
Python+tkinter使用40行代码实现计算器功能
2018/01/30 Python
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
Python Numpy 数组的初始化和基本操作
2018/03/13 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
Python的Lambda函数用法详解
2019/09/03 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
中学生期末评语
2014/02/03 职场文书
家长通知书家长评语
2014/04/17 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
求职意向书
2014/07/29 职场文书
收款委托书范本
2014/09/11 职场文书
幼儿园教师求职信
2015/03/20 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
复活读书笔记
2015/06/29 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
教你做个可爱的css滑动导航条
2021/06/15 HTML / CSS