亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

首頁 微信小程式 微信開發(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(diǎn)續(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

免費(fèi)脫衣圖片

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

使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

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)