這篇文章將為大家詳細(xì)講解有關(guān)微信小程序如何實現(xiàn)上傳word、txt、Excel、PPT等文件功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計制作、網(wǎng)站建設(shè)、白堿灘網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、白堿灘網(wǎng)絡(luò)營銷、白堿灘企業(yè)策劃、白堿灘品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供白堿灘建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

正文：

目前小程序沒有能實現(xiàn)此功能的 API 所以我這里通過使用 web-view 實現(xiàn)；

實現(xiàn)流程：

1. 在小程序后臺配置業(yè)務(wù)域名

2. 在服務(wù)器寫一個html，實現(xiàn)表單上傳文件

3.后端php接收文件并存到一個服務(wù)器文件夾，把文件名存到數(shù)據(jù)庫以后檢索用

4.在微信小程序創(chuàng)建一個頁面，里面使用web-view達(dá)到上傳文件的目的；

效果圖：

具體實現(xiàn)：

1. 在小程序后臺配置業(yè)務(wù)域名

2. 在服務(wù)器寫一個html，實現(xiàn)表單上傳文件

index.html文件

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 function upload() {
 $("#form1").submit();
 var t = setInterval(function() {
  //獲取iframe標(biāo)簽里body元素里的文字。即服務(wù)器響應(yīng)過來的"上傳成功"或"上傳失敗"
  var word = $("iframe[name='frame1']").contents().find("body").text();
  if(word != "") {
//  alert(word); //彈窗提示是否上傳成功
//  clearInterval(t); //清除定時器
  }
 }, 1000);
 }
 
 
 

3.后端php接收文件并存到一個服務(wù)器文件夾，把文件名存到數(shù)據(jù)庫以后檢索用

up_file.php 文件：

 0) 
 { 
 echo "錯誤: " . $_FILES["file"]["error"] . ""; 
 } 
 else 
 { 
 $dlog["name"]=$_FILES["file"]["name"];
 $dlogs=$dlog; 
  //echo urldecode(json_encode($dlogs));
 $name =$_FILES["file"]["name"];
 echo '上傳成功！';
 echo $name;
 //插入數(shù)據(jù)到數(shù)據(jù)庫 
 $strsql = "insert into name (fileName) values('$name')";
 //mysql_query() 函數(shù)執(zhí)行一條 MySQL 查詢。SELECT，SHOW，EXPLAIN 或 DESCRIBE 都需要用這個函數(shù)執(zhí)行
 $result = @mysql_query($strsql);
// echo "文件名: " . $_FILES["file"]["name"] . ""; 
// echo "類型: " . $_FILES["file"]["type"] . ""; 
// echo "大小: " . ($_FILES["file"]["size"] / 1024) . " Kb"; 
 } 
 if (file_exists("upload/" . $_FILES["file"]["name"])) 
  { 
//  echo $_FILES["file"]["name"] . " 文件已經(jīng)存在. "; 
  } 
 else 
  { 
  move_uploaded_file($_FILES["file"]["tmp_name"], 
  "upload/" . $_FILES["file"]["name"]); 
//  echo "文件已經(jīng)被存儲到: " . "upload/" . $_FILES["file"]["name"]; 
  } 
?>

 4.在微信小程序創(chuàng)建一個頁面，里面使用web-view達(dá)到上傳文件的目的；

web.wxml文件

注：微信小程序web-view標(biāo)簽使用如上，無需多余代碼。

關(guān)于“微信小程序如何實現(xiàn)上傳word、txt、Excel、PPT等文件功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。