微信小程序之文件上传PHP后台接收

<!--pages/demo4/demo4.wxml-->
<view class="container">
    <view class="list">
        <button type="primary" class="button" bindtap="uploadImg">点击上传</button>
    </view>
</view>

.js

// pages/demo4/demo4.js
Page({

 /**
  * 页面的初始数据
  */
 data: {

 },

 uploadImg:function(){

   var that = this;
   wx.chooseMessageFile({
    count: 10,
    type: file,
    success(res) {
     // var filename = res.tempFiles[0].name
     // console.info(filename);
     // that.setData({ filename: filename });

      console.log(res.tempFiles[0].path)
     wx.uploadFile({
      url: http://49.122.47.146/php-yuyin/upload.php, //仅为示例,非真实的接口地址
      filePath: res.tempFiles[0].path,
      name: file,
      success(res) {
       //json字符串 需用JSON.parse 转
      }
     })

    }
   });
  
 },


 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {

 },

 /**
  * 生命周期函数--监听页面初次渲染完成
  */
 onReady: function () {

 },

 /**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {

 },

 /**
  * 生命周期函数--监听页面隐藏
  */
 onHide: function () {

 },

 /**
  * 生命周期函数--监听页面卸载
  */
 onUnload: function () {

 },

 /**
  * 页面相关事件处理函数--监听用户下拉动作
  */
 onPullDownRefresh: function () {

 },

 /**
  * 页面上拉触底事件的处理函数
  */
 onReachBottom: function () {

 },

 /**
  * 用户点击右上角分享
  */
 onShareAppMessage: function () {

 }
})

php后台代码

<?php
/**
 * Created by PhpStorm.
 * Date: 2019/10/11
 * Time: 16:41
 */
//设置编码utf—8
header(Content -type:text/html;charset=utf-8);


//连接数据库
$con = new mysqli("localhost","root","root","wxphp");
//定义sql语句


$file = "./uploads/".$_FILES[file][name];
//接收数据并移动到uploads目录下
if(move_uploaded_file($_FILES[file][tmp_name],$file)){
    //定义sql语句
    $sql = "INSERT INTO user(file) values($file);";
    //发送sql语句
    $res = mysqli_query($con,$sql);
    echo "上传成功";

}else{
    echo "上传失败";
}
经验分享 程序员 微信小程序 职场和发展