場景:微信小程式呼叫wx.downloadFile() API 下載文件,PHP後端做處理並返回文件流程;
流程:
1.小程式展示需要下載的文件清單;
2.點擊下載後請求PHP接口,攜帶一個參數為想要下載的文件名;
3.在PHP接收該參數,然後在文件夾查找是否有該文件;
4.找到文件後面把該文件回傳給小程式端;
5.小程式端保存後端回傳的文件,點選開啟文件,實作預覽
小程式端程式碼:
wxml
<view>文件列表</view> <view wx:for='{{search_store}}' wx:key='{{index}}'> <view bindtap='dom' id='{{index}}'>文件名:{{item.fileName}} 点击下载</view> </view>
js
dom: function (e) { var index = e.currentTarget.id; var data = this.data.search_store[index].fileName var that = this; wx.downloadFile({ url: 'https://dwb.lynncain.cn/H5/dom.php?str=' + data, //下载路径携带 参数=文件名 success: function (res) { console.log(res.tempFilePath) wx.saveFile({ //下载成功后保存 tempFilePath: res.tempFilePath, success: function (res) { wx.showToast({ title: '下载成功!', }) wx.getSavedFileList({ //获取下载的文件列表保存到data success: function (rrr) { console.log(rrr.fileList) that.setData({ fileList: rrr.fileList }) } }) } }) } }) },
php
<?php header("Access-Control-Allow-Origin: *"); //解决跨域 header('Access-Control-Allow-Methods:GET');// 响应类型 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); $str = $_GET['str']; $file_path="upload/".$str; if (! file_exists ( $file_path )) { header('HTTP/1.1 404 NOT FOUND'); } else { //以只读和二进制模式打开文件 $file = fopen ( $file_path, "rb" ); //告诉浏览器这是一个文件流格式的文件 Header ( "Content-type: application/octet-stream" ); //请求范围的度量单位 Header ( "Accept-Ranges: bytes" ); //Content-Length是指定包含于请求或响应中数据的字节长度 Header ( "Accept-Length: " . filesize ( $file_path ) ); //用来告诉浏览器,文件是可以当做附件被下载,下载后的文件名称为$file_name该变量的值。 Header ( "Content-Disposition: attachment; filename=" . $str ); //读取文件内容并直接输出到浏览器 echo fread ( $file, filesize ( $file_path ) ); fclose ( $file ); exit (); } ?>
本文介紹了微信小程式下載文件,如何透過後端PHP處理,更多相關知識請關注php中文網。
相關推薦:
以上是微信小程式下載文件,如何透過後端PHP處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!