這篇文章主要介紹了微信小程序上傳word、txt、Excel、PPT等文件的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括興山網(wǎng)站建設(shè)、興山網(wǎng)站制作、興山網(wǎng)頁制作以及興山網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，興山網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到興山省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

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

實(shí)現(xiàn)流程：

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

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

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

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

效果圖：

具體實(shí)現(xiàn)：

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

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

2. 在服務(wù)器寫一個(gè)html，實(shí)現(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); //清除定時(shí)器
					}
				}, 1000);
			}
		
	

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

up_file.php 文件：

 0)  
	  {  
	  echo "錯(cuò)誤: " . $_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 都需要用這個(gè)函數(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)被存儲(chǔ)到: " . "upload/" . $_FILES["file"]["name"];  
	    }   
?>

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

web.wxml文件

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“微信小程序上傳word、txt、Excel、PPT等文件的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!