实现流程：

在小程序后台配置业务域名
在服务器写一个html，实现表单上传文件
后端php接收文件并存到一个服务器文件夹，把文件名存到数据库以后检索用
在微信小程序创建一个页面，里面使用web-view达到上传文件的目的

具体实现：

在小程序后台配置业务域名

地址：mp.weixin.qq.com/wxopen/appd…

在服务器写一个html，实现表单上传文件

index.html文件

<head><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /><meta charset="UTF-8"><title>Title</title><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script>
</head><body><form id="form1" action="https://dwb.lynncain.cn/H5/up_file.php" target="frame1" method="post" enctype="multipart/form-data"><input type="file" name="file"><input type="button" value="上传" onclick="upload()"></form><iframe name="frame1" frameborder="0" height="40"></iframe><!-- 其实我们可以把iframe标签隐藏掉 --><script type="text/javascript">function upload() {$("#form1").submit();var t = setInterval(function() {//获取iframe标签里body元素里的文字。即服务器响应过来的"上传成功"或"上传失败"var word = $("iframe[name='frame1']").contents().find("body").text();if(word != "") {}}, 1000);}</script>
</body>

3.后端php接收文件并存到一个服务器文件夹，把文件名存到数据库以后检索用

up_file.php 文件：

<?php  header("Content-Type:text/html;charset=utf8"); header("Access-Control-Allow-Origin: *"); //解决跨域header('Access-Control-Allow-Methods:POST');// 响应类型  header('Access-Control-Allow-Headers:*'); // 响应头设置 $link=mysql_connect("localhost","root","root"); mysql_select_db("new_test", $link); //选择数据库mysql_query("SET NAMES utf8");//解决中文乱码问题error_reporting(0);if ($_FILES["file"]["error"] > 0)  {  echo "错误: " . $_FILES["file"]["error"] . "<br />";  }  else  {  $dlog["name"]=$_FILES["file"]["name"];$dlogs=$dlog;   //echo urldecode(json_encode($dlogs));$name =$_FILES["file"]["name"];echo '上传成功！';echo $name;//插入数据到数据库 $strsql = "insert into name (fileName) values('$name')";//mysql_query() 函数执行一条 MySQL 查询。SELECT，SHOW，EXPLAIN 或 DESCRIBE 都需要用这个函数执行$result = @mysql_query($strsql);
//    echo "文件名: " . $_FILES["file"]["name"] . "<br />";
//    echo "类型: " . $_FILES["file"]["type"] . "<br />";
//    echo "大小: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";   }  if (file_exists("upload/" . $_FILES["file"]["name"]))  {
//        echo $_FILES["file"]["name"] . " 文件已经存在. ";  }  else  {  move_uploaded_file($_FILES["file"]["tmp_name"],  "upload/" . $_FILES["file"]["name"]);
//        echo "文件已经被存储到: " . "upload/" . $_FILES["file"]["name"];  }
?>

4.在微信小程序创建一个页面，里面使用web-view达到上传文件的目的；

<!--pages/web/web.wxml--><web-view src='https://dwb.lynncain.cn/H5/'></web-view>

【微信小程序】上传Word、txt、Excel、PPT等文件相关推荐

小程序 php转excel,做微信小程序上传数据数据格式？-微信上传数据生成excle
做微信小程序上传数据数据格式? 建议找人专门制作设计好,专业的事情交给专业的人做,自己浪费时间还不一定能搞好如何把微信里的excel传到qq上 1.在手机中先箭头所示的"微信" ...
微信小程序上传Excel文本文件功能
问题: 在开发过程中会发现微信小程序有很多功能都还不能满足我们的需求,谁叫客户就是上帝呢,前几天小编遇到了这么个问题,就是用微信小程序上传文件,但是还以为微信带有这个模块,可是查了许久还是没有找到,只 ...
微信小程序上传文件到阿里OSS教程
前言 (一)开通OSS服务与新建Bucket 开通OSS服务这里省略,新建bucket. (二)设置Bucket属性,后台配置域名上传文件访问域名这里我们要在小程序后台配置上传域名(上面的域名是我 ...
微信小程序预览 word、excel、ppt、pdf 等文件
目录微信小程序预览 word.excel.ppt.pdf 等文件预览效果前言注意点实现代码微信小程序预览 word.excel.ppt.pdf 等文件预览效果前言微信官方提供了相关的 ...
微信小程序上传文件到自己的服务器
微信小程序上传文件到自己的服务器 1.建立 WebApi项目 (1)创建项目 (2)发布项目 2.后端接口代码 3.小程序端调接口 1.建立 WebApi项目 (1)创建项目选择菜单 "文 ...
微信小程序上传阿里云视频文件流程及代码
为了微信小程序客服端实现自拍视频能够分享给多个好友,我们需要把小程序自拍的视频存储到服务器,而阿里云在性能和速度上比较不错,所以我们选择了阿里云作服务器. 第一步.微信小程序项目创建 1. 到http ...
微信小程序上传后进行性手机扫码阅览发现白屏的解决
目录问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 2.请求的域名没有配置问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 ...
微信小程序上传组件（可同时长传图片+视频）
写了个微信小程序上传组件,同时支持上传视频+图片,并且可以返显. 废话不多说,上代码: upload.wxml <view class="clearfix"><v ...
微信小程序上传头像和昵称持久化保存
微信小程序上传头像和昵称持久化保存 1. 持久化步骤因为通过微信头像昵称填写功能获取到头像是一个临时头像,这个url只能一段时间内在微信访问,并且无法在公网访问这个url.所以非常有必要把这个url ...
微信小程序上传阿里云OSS，返回204,400,403,405,解决方案
目录微信小程序上传阿里云 ==OSSAccessKeyId,policy,signature==如何获取呢? 配置Bucket跨域访问配置外网域名到小程序的域名白名单上传报错(返回400,403 ...

【微信小程序】上传Word、txt、Excel、PPT等文件

实现流程：

具体实现：

【微信小程序】上传Word、txt、Excel、PPT等文件相关推荐

最新文章

热门文章