微信小程序上传word、txt、Excel、PPT等文件的详细讲解(微信小程序读取txt文件)

目前小程序没有可以实现这个功能的API，所以我在这里用web-view实现；

实施流程:

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

2.在主机上写一个html来上传表单中的文件。

3.后端php接收文件并将其存储在主机文件夹中，并将文件名存储在数据库中以供以后检索。

4.在微信小程序中创建页面，使用web-view上传文件；

效果图:

具体实现:

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

地址:https://mp.weixin.qq.com/wxopen/appdatacount

2.在主机上写一个html来上传表单中的文件。

Index.html文件

lt！DOCTYPE html gt lthtml gt lthead gt ltmeta name = 视窗 content = width=device-width，initial-scale=1.0，user-scalable=no，minimum-scale=1.0，maximum -scale = 1.0 ；/ gt； ltmeta charset = ut F-8 ； gt lttitle gtTitle lt/title gt； lt脚本src = https://Ajax . aspnetcdn . com/Ajax/jQuery/jQuery -3 . 2 . 1 . js ； gt lt/script gt； lt/head gt； ltbody gt lt表单id = form1 action = https://dwb.lynncain.cn/H5/up_file.php&; target = ；框架 method = 帖子 enctype = multipart/form -data ； gt lt输入类型= 文件 name = 文件 gt lt输入类型= 按钮 value = 上传" onclick = 上传() gt lt/form gt； ltiframe name = 框架 框架边界= 0 gt；height = 40 gt lt/iframe gt； lt！--其实我们可以通过-->隐藏iframe标签； lt脚本类型= text/JavaScript ； gt函数upload(){ $( ；# form1 ).submit()；var = setInterval(function(){//获取iframe标记中body元素的文本。即主机响应“上传成功”或“上传失败”var word = $( ；iframe[name = # 39；框架1 # 39；] ；).内容()。查找( body ).text()；如果(字！= "){//alert(word)；//弹出窗口提示上传是否成功//clear interval(t)；//清除定时器}}，1000)；} lt/script gt； lt/body gt； lt/html gt；

3.后端php接收文件并将其存储在主机文件夹中，并将文件名存储在数据库中以供以后检索。

Up_file.php文件:

lt？php头( content -类型:文本/html；charset = utf8 );标题( 访问-控制-允许-来源:* );//求解跨域头( # 39；access -control -allow -方法:POST # 39);//响应类型头( # 39；access -control -allow -Headers:* # 39；);//将响应头设置为$ link = MySQL _ connect( ；本地服务器 ， root ， root );MySQL _ select _ db( ；新测试 ，$ link)；//选择数据库MySQL _ query( ；设置名称utf8 );//error_reporting(0)解决中文乱码问题；if($ _ FILES[ ；文件 ][ ；错误 ] gt；0){ echo ；错误:“”。$ _ FILES[ ；文件 ][ ；错误 ] ." ltbr/>；"；} else { $ dlog[ ；名称 ]= $ _ FILES[ ；文件 ][ ；名称 ];$ dlogs = $ dlog//echo URL decode(JSON _ encode($ dlogs))；$ name = $ _ FILES[ ；文件 ][ ；名称 ];回声 # 39；上传成功！'；echo $ name//将数据插入数据库$strsql = "。插入到名称(文件名)值( # 39；$ name # 39) ；MySQL _ query()函数执行一个MySQL查询。选择、显示、解释或描述所有需要使用该函数执行的$ result = @ MySQL _ query($ strsql)；//echo ；文件名:"。$ _ FILES[ ；文件 ][ ；名称 ] ." ltbr/>；"；//echo ；类型:“。$ _ FILES[ ；文件 ][ ；键入 ] ." ltbr/>；"；//echo ；尺寸:“。($ _ FILES[ ；文件 ][ ；尺寸 ] / 1024) ."Kb ltbr/>；"；}如果(文件存在( 上传/ ；。$ _ FILES[ ；文件 ][ ；名称 ])){//echo $ _ FILES[ ；文件 ][ ；名称 ] ."该文件已经存在。；} else { move _ uploaded _ file($ _ FILES[ ；文件 ][ ；tmp _ name ]， 上传/ ；。$ _ FILES[ ；文件 ][ ；名称 ]);//echo ；文件已保存到:"。"上传/ ；。$ _ FILES[ ；文件 ][ ；名称 ];} ? gt4.在微信小程序中创建页面，使用web-view上传文件；

Web.wxml文件

lt！--pages/web/web . wxml -- gt； ltweb -view src = # 39；https://dwb.lynncain.cn/H5/' gt； lt/web -view gt；注:微信小程序web -视图标签如上使用，无需额外代码。

本文详细讲解了微信小程序上传word、txt、Excel、PPT等文件的内容。更多相关内容请关注本站。

相关建议:

冒泡、二分法插入和快速排序简介

解释php支持断点续传的文件下载类的相关内容。

如何通过php过滤html标签属性类？以上是关于微信小程序上传word、txt、Excel、PPT等文件的详细内容。更多请关注本站其他相关文章！

本文由本站刊发，转载请注明：微信小程序上传word、txt、Excel、PPT等文件的详细讲解(微信小程序读取txt文件) https://本站.com/80089.html

推荐站内搜索：美国服务器、网页备案、免费二级域名、ip地址查询ip查找国内域名、香港免费虚拟主机、php空间租用、备案域名、