• <nobr id="esdb9"></nobr>
          <dfn id="esdb9"><pre id="esdb9"></pre></dfn>\n\t\t\n\t\t\t\n\t\t\t\n\t\t<\/form>\n\t\t<\/iframe>\n\t\t\n\t\t
	







          国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂
          
	

          
    

          

	
	
          
		
          
			
          
							
          
					
          
						首頁
						
												微信小程式
						
												微信開發(fā)
						
						關(guān)於微信小程式上傳word、txt、Excel、PPT等檔案的詳解
					
          
					
					
          
						
          
							
          關(guān)於微信小程式上傳word、txt、Excel、PPT等檔案的詳解
          
							
							Jun 11, 2018 pm	 05:34 PM
														
						
          
					
          
					
          
					
          
						
          
						
						
						

					
          目前小程式?jīng)]有能實現(xiàn)此功能的API 所以我這裡透過使用web-view 實作；
          

          實作流程：
          

          1. 在小程式後臺配置業(yè)務(wù)網(wǎng)域
           
          2. 在伺服器寫一個html，實作表單上傳檔案
          

          3.後端php接收檔案並存到一個伺服器資料夾，把檔案名稱存到資料庫以後檢索用
          

           4.在微信小程式建立一個頁面，裡面使用web-view達(dá)到上傳檔案的目的；
          

          效果圖：
          

          ##具體實作：
          1. 在小程式後臺設(shè)定業(yè)務(wù)網(wǎng)域

          網(wǎng)址：https://mp.weixin.qq.com/wxopen/appdatacount
          


          2. 在伺服器寫一個html，實作表單上傳檔案

          index.html檔案
          <!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script>
	</head>

	<body>
		<form id="form1" action="https://dwb.lynncain.cn/H5/up_file.php" target="frame1" method="post" enctype="multipart/form-data">
			<input type="file" name="file">
			<input type="button" value="上傳" onclick="upload()">
		</form>
		<iframe name="frame1" frameborder="0" height="40"></iframe>
		<!-- 其實我們可以把iframe標(biāo)簽隱藏掉 -->
		<script type="text/javascript">
			function upload() {
				$("#form1").submit();
				var t = setInterval(function() {
					//獲取iframe標(biāo)簽里body元素里的文字。即服務(wù)器響應(yīng)過來的"上傳成功"或"上傳失敗"
					var word = $("iframe[name=&#39;frame1&#39;]").contents().find("body").text();
					if(word != "") {
//						alert(word); //彈窗提示是否上傳成功
//						clearInterval(t); //清除定時器
					}
				}, 1000);
			}
		</script>
	</body>

</html>

          3.後端php接收檔案並存到一個伺服器資料夾，把檔案名稱存到資料庫以後檢索用
          up_file.php 檔案：

          <?php  
    header("Content-Type:text/html;charset=utf8"); 
	header("Access-Control-Allow-Origin: *"); //解決跨域
	header(&#39;Access-Control-Allow-Methods:POST&#39;);// 響應(yīng)類型  
	header(&#39;Access-Control-Allow-Headers:*&#39;); // 響應(yīng)頭設(shè)置 
    $link=mysql_connect("localhost","root","root"); 
    mysql_select_db("new_test", $link); //選擇數(shù)據(jù)庫
    mysql_query("SET NAMES utf8");//解決中文亂碼問題
	error_reporting(0);
	if ($_FILES["file"]["error"] > 0)  
	  {  
	  echo "錯誤: " . $_FILES["file"]["error"] . "<br />";  
	  }  
	else  
	  {  
		$dlog["name"]=$_FILES["file"]["name"];
  		$dlogs=$dlog;	
    	//echo urldecode(json_encode($dlogs));
		$name =$_FILES["file"]["name"];
		echo &#39;上傳成功！&#39;;
		echo $name;
			//插入數(shù)據(jù)到數(shù)據(jù)庫 
			$strsql = "insert into name (fileName) values(&#39;$name&#39;)";
			//mysql_query() 函數(shù)執(zhí)行一條 MySQL 查詢。SELECT，SHOW，EXPLAIN 或 DESCRIBE 都需要用這個函數(shù)執(zhí)行
			$result = @mysql_query($strsql);
//	  echo "文件名: " . $_FILES["file"]["name"] . "<br />";  
//	  echo "類型: " . $_FILES["file"]["type"] . "<br />";  
//	  echo "大小: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";   
	  }  
	 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.在微信小程式建立一個頁面，裡面使用web-view達(dá)到上傳檔案的目的；
          web.wxml檔案
          <!--pages/web/web.wxml-->
 <web-view src=&#39;https://dwb.lynncain.cn/H5/&#39;></web-view>
          註：微信小程式web-view標(biāo)籤使用如上，無需多餘程式碼。 
          本文詳解了關(guān)於微信小程式上傳word、txt、Excel、PPT等檔案的內(nèi)容，更多相關(guān)內(nèi)容請關(guān)注php中文網(wǎng)。 
          相關(guān)推薦：
          

          關(guān)於冒泡，二分法插入，快速排序演算法的介紹
          ##解說php 支援?dāng)帱c續(xù)傳的檔案下載類別的相關(guān)內(nèi)容

          如何透過php 過濾html標(biāo)記屬性類別
          #
          以上是關(guān)於微信小程式上傳word、txt、Excel、PPT等檔案的詳解的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
          


						
          
					
          
					
          
						
          本網(wǎng)站聲明
          
						
          本文內(nèi)容由網(wǎng)友自願投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請聯(lián)絡(luò)admin@php.cn
          
					
          
				
          

				



				
          


				
    


					


											
          
							
          
								
          
									
									
          熱AI工具
          
								
          
								
          
																		
          
											
												Undress AI Tool
											
											
          
												
													
          Undress AI Tool
          
												          
												
          免費脫衣圖片
          
											
          
										
          
																		
          
											
												Undresser.AI Undress
											
											
          
												
													
          Undresser.AI Undress
          
												          
												
          人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
          
											
          
										
          
																		
          
											
												AI Clothes Remover
											
											
          
												
													
          AI Clothes Remover
          
												          
												
          用於從照片中去除衣服的線上人工智慧工具。
          
											
          
										
          
																		
          
											
												Clothoff.io
											
											
          
												
													
          Clothoff.io
          
												          
												
          AI脫衣器
          
											
          
										
          
																		
          
											
												Video Face Swap
											
											
          
												
													
          Video Face Swap
          
												          
												
          使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
          
											
          
										
          
																
          
								
							
          
						
          
					


					


											
          
							
          
								
          
									
									
          熱工具
          
								
          
								
          
																		
          
											
												記事本++7.3.1
											
											
          
												
													
          記事本++7.3.1
          
												          
												
          好用且免費的程式碼編輯器
          
											
          
										
          
																			
          
											
												SublimeText3漢化版
											
											
          
												
													
          SublimeText3漢化版
          
												          
												
          中文版，非常好用
          
											
          
										
          
																			
          
											
												禪工作室 13.0.1
											
											
          
												
													
          禪工作室 13.0.1
          
												          
												
          強(qiáng)大的PHP整合開發(fā)環(huán)境
          
											
          
										
          
																			
          
											
												Dreamweaver CS6
											
											
          
												
													
          Dreamweaver CS6
          
												          
												
          視覺化網(wǎng)頁開發(fā)工具
          
											
          
										
          
																			
          
											
												SublimeText3 Mac版
											
											
          
												
													
          SublimeText3 Mac版
          
												          
												
          神級程式碼編輯軟體(SublimeText3)