微信小程序实现上传word、txt、Excel、PPT等文件功能_微信小程序上传excel文件 - CSDN文库

1星 106 浏览量更新于2023-03-03 评论 1 收藏 50KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序实现上传微信小程序实现上传word、、txt、、Excel、、PPT等文件功能等文件功能

主要为大家详细介绍了微信小程序实现上传word、txt、Excel、PPT等文件功能，具有一定的参考价值，感兴趣

的小伙伴们可以参考一下

正文：正文：

目前小程序没有能实现此功能的 API 所以我这里通过使用 web-view 实现；

实现流程：实现流程：

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

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

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

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

效果图：效果图：

具体实现：具体实现：

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

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

index.html文件

<!DOCTYPE html>

<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>

<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 != "") {

// alert(word); //弹窗提示是否上传成功

// clearInterval(t); //清除定时器

}

}, 1000);

}

</script>

</body>

</html>

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); //选择数据库

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论1

jiaxiaohui1985

2021-03-22

不是通过微信小程序wx.chooseMessageFile 实现，是web-view 实现的，上当了。

weixin_38740848

粉丝: 6
资源: 888

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈