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