微信小程序之文件上传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 "上传失败";
}
