华信之家

追风数据中心微信开发图片上传与下载示例

Thu, 06 Feb 2025 17:36:31 +0800

  //按钮事件-选择图片
  addimg: function (e) {
    var that = this
    wx.chooseMedia({
      count:1,//可以选择图片的数量，最多9
      mediaType:['image','video'],//文件类型
      sourceType:['album','camera'],//从相册选取、或者拍摄图片
      success: (res)=> {
        var tempFilePaths = res.tempFiles[0].tempFilePath//临时图片地址
        that.setData({ //渲染图片到界面
          imgurl: tempFilePaths
        });
      }
    })
  },
   //按钮事件-上传
  img_add() {
    var that = this
    wx.uploadFile({
      url: 'https://yun.huaxio.cn/php/imge/wximgapiget.php', //api地址
      filePath: this.data.imgurl,
      name: 'file',
      formData: {
        method: 'POST',
        'usertel': '', //平台账号
        'apiname': '', //接口名称
        'apipwsd': '', //访问密码
      },
      success: function (res) {
        var data = JSON.parse(res.data);
        // imgurls = data.imgur
        console.log(data.imgur); //data.imgur=上传完成后返回的图片url
        console.log(data.imgid); //data.imgid=上传完成后返回的图片id
      }
    })
  },
  //删除图片
  img_del() {
    wx.request({
      url: "https://cloud.huaxio.cn/php/imge/wximgapidel.php",
      data: {
        'usertel': '', //平台账号
        'apiname': '', //接口名称
        'apipwsd': '', //访问密码
        'imgurid': '' //要删除的图片id
      },
      method: 'post',
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      dataType: 'json',
      responseType: 'text',
      success: (res) => {
        console.log(res.data)
      },
      fail: () => {},
      complete: () => {}
    })
  },

扫码登录之HTML+PHP+JS实现微信扫码登陆

Fri, 31 Jan 2025 10:50:27 +0800

演示地址：https://yun.huaxio.cn/php/wxdldemo

JS部分-开始获取二维码并获取扫码状态

<script>
    //点击事件-获取二维码并展示给前台用于用户扫描
    var jsonObj;
    $('#changeImageBtn').click(function () {
        $.ajax({
            type: "post",
            url: "wxlogin.php",
            success: function (res) {
                // console.log(jsonObj.imgurl)
                $('#imge').attr('src', res);
                $('#imge').attr('height', 300);
                $('#imge').attr('width', 300);
            }
        });
        // 开始轮询扫码状态
        let TimeOut = 0;
        let checklogin = setInterval('CheckStatus()', 1000);
    });

    // 时钟事件-查询扫码状态的方法
    function CheckStatus() {
        $.ajax({
            type: "POST",
            url: "rscenes.php?",
            success: function (data) {
                // console.log(jsonObj.scenes)
                data = JSON.parse(data);
                // console.log(jsonObj.scene)
                if (data.code === 200) {
                    $('#changeImageBtn').text('唯一标识：'+data.openid);
                }
                else if (data.code === 201) {
                    $('#changeImageBtn').text('请使用微信扫描二维码');
                }
                else if (data.code === 202) {//扫码成功，请确认登录
                    $('#changeImageBtn').text('扫码成功，请点击确认授权登录');
                }
                else if (data.code === 203) {
                    // $('#changeImageBtn').text('服务器发生错误');
                }
            },
            error: function (data) {
                console.log('服务器发生错误')
            }
        });
    }
</script>

PHP部分-1、获取二维码

<?php
error_reporting(0);
header('Content-type:text/html;charset=utf-8');
 function send_post($url, $post_data)
 {
     $postdata = http_build_query($post_data);
     $options = array(
         'http' => array(
             'method' => 'POST',
             'header' => 'Content-type:application/x-www-form-urlencoded',
             'content' => $postdata,
             'timeout' => 15 * 60 // 超时时间（单位:s）
         )
     );
     $context = stream_context_create($options);
     $result = file_get_contents($url, false, $context);
     return $result;
 }
 //使用方法
 $post_data = array(
     'apiname' => '',
     'apipwsd' => ''
 );
 $resdata= send_post('https://yun.huaxio.cn/php/smdl/server/loginapi.php', $post_data);
 $array = json_decode($resdata, true);
 //存入scenes
 session_start();
 $_SESSION['scenes']=$array['scenes'];
 echo  $array['imgurl'];
?>

PHP部分-2、获取登录状态

<?php
error_reporting(0);
header('Content-type:text/html;charset=utf-8');
 //读取scenes
session_start();
$scene=$_SESSION['scenes'];
$url = "https://yun.huaxio.cn/php/smdl/server/getstatus.php?scene=".$scene;
$response = file_get_contents($url);
echo $response;//用户点击确认登录则返回Openid唯一标识码
?>

使用基础接口操作数据库增删改查示例代码

Wed, 29 Jan 2025 21:03:27 +0800

  //写入数据--
  adddata() {
    wx.request({
      url: 'https://yun.huaxio.cn/php/mysqlapi/admin.php',
      data: {
        getysql: '', //执行语句
        apiname: "", //API密码
        apipswd: "", //API密码
      },
      method: 'post',
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      dataType: 'json',
      responseType: 'text',
      success: (res) => {
        console.log(res.data)
      },
      fail: () => {},
      complete: () => {}
    })
  },
  //删除数据
  deldata() {
    wx.request({
      url: 'https://yun.huaxio.cn/php/mysqlapi/admin.php',
      data: {
        getysql: '', //执行语句
        apiname: "", //API密码
        apipswd: "", //API密码
      },
      method: 'post',
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      dataType: 'json',
      responseType: 'text',
      success: (res) => {
        console.log(res.data)
      },
      fail: () => {},
      complete: () => {}
    })
  },
  //更新数据
  unpdata() {
    wx.request({
      url: 'https://yun.huaxio.cn/php/mysqlapi/admin.php',
      data: {
        getysql: '', //执行语句
        apiname: "", //API密码
        apipswd: "", //API密码
      },
      method: 'post',
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      dataType: 'json',
      responseType: 'text',
      success: (res) => {
        console.log(res.data)
      },
      fail: () => {},
      complete: () => {}
    })
  },
  //查询数据
  secdata() {
    wx.request({
      url: 'https://yun.huaxio.cn/php/mysqlapi/admin.php',
      data: {
        getysql: '', //执行语句
        apiname: "", //API密码
        apipswd: "", //API密码
      },
      method: 'post',
      header: {
        "Content-Type": "application/x-www-form-urlencoded"
      },
      dataType: 'json',
      responseType: 'text',
      success: (res) => {
        // console.log(res.data.result[2]['data1'])
        console.log(res.data)
      },
      fail: () => {},
      complete: () => {}
    })
  },

微信小程序使用Opneid接口获取Openid示例

Wed, 29 Jan 2025 20:57:24 +0800

    wx.login({ //获取Openis
      success: (res) => {
        wx.request({
          url: 'https://yun.huaxio.cn/php/openidapi/server/opeapi.php',
          data: {
            apiname:'',//接口名称
            apipswd:'',//接口密码
            code: res.code
          },
          method: 'post',
          header: {
            "Content-Type": "application/x-www-form-urlencoded"
          },
          dataType: 'json',
          responseType: 'text',
          success: (res) => {
            console.log('openid=' + res.data)
          },
        })
      },
    })