微信小程序之文件上传(word,excel图片等)

微信前台代码
.html

<!--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 "上传失败";
}

微信小程序之文件上传PHP后台接收相关推荐

  1. Flask与微信小程序之文件上传与显示

    文章目录 Flask与微信小程序之文件上传与显示 背景 flask_uploads应用 flask_uploads的使用步骤 1 安装flask-uploads模块 2 在文件夹中导入需要用到的库 3 ...

  2. 微信小程序媒体文件上传到微信服务器

    微信小程序媒体文件上传到微信服务器官方给出的事例如下: curl -F media=@test.jpg "https://api.weixin.qq.com/cgi-bin/media/up ...

  3. 微信小程序多文件上传之wx-multipart

    微信小程序多文件上传之wx-multipart 前言:我后端写了个多文件上传接口,奈何前端同事说微信小程序只能单文件上传,要支持多文件上传还要我单独再写一个单文件上传的接口,我他喵- 我看了下微信小程 ...

  4. 微信小程序 多文件上传方法

    最近工作项目主要是微信小程序,这篇主要介绍接到的一个需求--多图片上传. 知道需求后马上查了下小程序的api,发现wx.uploadFile并不支持多文件上传,这样就得循环上传,肯定影响速度,后来发现 ...

  5. 微信小程序多文件上传(docx,ppt,pdf,zip,jpg···)

    这遍文章主要介绍下,在小程序的开发过程中实现多个文件上传的实现方法. chooseMessageFile 使用这一种方式进行多文件的上传时,就是说从客户端会话选择文件,下面是chooseMessage ...

  6. php微信上传视频文件在哪里,微信小程序中实现上传视频的开发代码

    本篇文章给大家带来的内容是关于微信小程序中实现上传视频的开发代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 其实这个比较简单,官方提供了API接口,基本上直接调用就可以了,话不多 ...

  7. php微信小程序多图上传,tp5实现微信小程序多图片上传到服务器功能

    最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: 删除 点击上传作业 在js文件中: Page({ / ...

  8. uniapp 微信小程序开发 图片上传压缩

    uniapp 微信小程序开发 图片上传压缩 安卓上传图片并压缩 思路 全部代码 安卓上传图片并压缩 由于后端接口对图片的大小有限制,所以在上传图片是需要压缩处理: uni.chooseImage({c ...

  9. 微信小程序实现录音上传

    微信小程序实现录音上传 准备 开始 准备 1.微信开发者工具 2.Api文档 开始 打开微信开发者工具 项目->新建项目 选择小程序 appid是在微信公众平台申请的. 链接 新建完成后,项目自 ...

最新文章

  1. Linux如何配置Swap分区
  2. nginx+lua 配置302 不改写白名单哈希表
  3. 清理Win7系统的批处理
  4. boost::outcome_v2::std_result用法的测试程序
  5. ubuntu下命令行启动vmware某个虚拟机
  6. 写了多年代码,你会 StackOverflow 吗
  7. 计算机科普小知识——Win7系统32位与64位的区别,该如何选择?
  8. ssl1746-商务旅行【tarjan,LCA】
  9. 小甲鱼 OllyDbg 教程系列 (十一) : inline patch ( 内嵌补丁 )
  10. element-UI栅格系统缩放,导致页面布局效果bug? 叠加?错位?
  11. 敏捷开发需求文档_需求的长期,敏捷文档
  12. 【SpringCloud】Spring cloud Alibaba Sentinel 服务降级 (阿里版本Hystrix)
  13. Java程序员必须掌握的Spring依赖管理原理
  14. Tomcat5的数据库连接池配置
  15. 查看eclipse使用的jre版本
  16. Flash版Logo语言9.83
  17. Linux Entering rescue mode
  18. 【嵌入式开发】监测系统——用QT编写下位机
  19. 学习-软件测试-Selenium-unittest-Maven-Jmeter
  20. Openssl移植到ARM开发板

热门文章

  1. app调起支付宝-后端预支付
  2. 集装箱编号校验码规则(JavaScript版本)
  3. 【九九乘法表】javascript做九九乘法表
  4. 详解IP地址和Mac地址
  5. 3G杀手系列之一:寻找真正3G杀手
  6. XMind 2021 Mac 去水印教程
  7. 小林:采访Vue作者随想
  8. 用vue简单写一个音乐播放器
  9. 超市销售数据分析python_python实战案例:超市营业额数据分析
  10. 超市销售数据分析python、求某一个人的营业额总和_Python+pandas使用交叉表分析超市营业额数据!这超市怕是!...