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

正文：

目前小程序没有能实现此功能的应用程序接口所以我这里通过使用网络视图实现；

实现流程：

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

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

3.后端服务器端编程语言(专业超文本预处理器的缩写)接收文件并存到一个服务器文件夹，把文件名存到数据库以后检索用

4.在微信小程序创建一个页面，里面使用网络视图达到上传文件的目的；

效果图：

具体实现：

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

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

index.html文件

！DOCTYPE html html head meta name=' viewport ' content=' width=device-width，initial-scale=1.0，user-scale=no，minimum-scale=1.0，maximum-scale=1.0 '/meta charset=' UTF-8 ' title/title script src=' http 3360https://Ajax。aspnetcdn。com/Ajax/jQuery/jQuery-3。2 .1 .js '/脚本/头体表单id='表单1 '操作=' 30 '上传onclick=' upload()'/form iframe name=' frame 1 ' frame border=' 0 ' height=' 40 '/iframe！-其实我们可以把内联框架标签隐藏掉-脚本类型='text/javascript '函数上传(){ $('#form1 ').submit()；var t=setInterval(function() { //获取内联框架标签里身体元素里的文字。即服务器响应过来的'上传成功'或'上传失败var word=$(' iframe[name=' frame 1 ']').目录()。查找(“正文”).text()；如果（字！=' '){//alert(word)；//弹窗提示是否上传成功//clearInterval(t)；//清除定时器} }, 1000);}/脚本/正文/html3 .后端服务器端编程语言(专业超文本预处理器的缩写)接收文件并存到一个服务器文件夹，把文件名存到数据库以后检索用

up_file.php文件：

？服务器端编程语言（Professional Hypertext Preprocessor的缩写）头('内容类型：文本/html；charset=utf8’)；标头('访问控制-允许-原始： * ');//解决跨域标题('访问控制-允许-方法：发布');//响应类型标头('访问控制-允许-标头： * ');//响应头设置$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']['错误'].br/'；} else { $ dlog[' name ']=$ _ FILES[' FIle '][' name ']；$ dlogs=$ dlog//echo URL解码(JSON _ encode($ dlogs))；$ name=$ _ FILES[' FIle '][' name ']；"回声"上传成功!'；echo $ name/插入数据到数据库$strsql='插入名称(fileName)值(“$ name”)；//mysql_query()函数执行一条关系型数据库查询选择、显示、解释或形容都需要用这个函数执行$ result=@ MySQL _ query($ strsql)；//回声'文件名： ' .$_FILES['file']['name'].br/'；//回声'类型： ' .$_FILES['file']['type'].br/'；//回声'大小： ' .($_FILES['file']['size']/1024).kbbr/'；} if (file_exists('upload/').$ _ FILES[' file '][' name ']){//echo $ _ FILES[' file '][' name '].文件已经存在。} else { move _ uploaded _ file($ _ FILES[' file '][' tmp _ name ']，' upload/').$ _ FIles[' FIle '][' name '])；//回声'文件已经被存储到： ' .上传/'。$ _ FIles[' FIle '][' name ']；} ?4.在微信小程序创建一个页面，里面使用网络视图达到上传文件的目的；

web.wxml文件

！-网页/网页/网页。wxml-web-view src=' https://dwb。林肯金。cn/H5/注：微信小程序网络视图标签使用如上，无需多余代码。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。