综合图区亚洲欧美另类图片,亚洲成a人v欧美综合天堂,激情影院内射美女

Heim

WeChat-Applet

WeChat-Entwicklung

Ausführliche Erkl?rung zum Hochladen von Word-, TXT-, Excel-, PPT- und anderen Dateien in das WeChat-Miniprogramm

jacklove

Jun 11, 2018 pm 05:34 PM

Derzeit verfügt das Miniprogramm nicht über eine API, die diese Funktion implementieren kann, daher implementieren wir sie hier mithilfe der Webansicht.

Implementierungsprozess:

1 Dom?nenname im Hintergrund des Miniprogramms

2. Schreiben Sie einen HTML-Code auf den Server, um die Formular-Upload-Datei zu implementieren

3. Das Back-End-PHP empf?ngt die Datei und speichert sie in einem Serverordner , und speichert den Dateinamen zum sp?teren Abrufen in der Datenbank

4. Erstellen Sie eine Seite im WeChat-Applet und verwenden Sie die Webansicht, um Dateien hochzuladen;

Rendering:

Detaillierte Umsetzung:

1. Konfigurieren Sie den Gesch?ftsdom?nennamen im Hintergrund des Miniprogramms

Adresse: https://mp.weixin.qq .com/wxopen/appdatacount

2. Schreiben Sie einen HTML-Code auf dem Server, um die Formular-Upload-Datei

index.html zu implementieren Datei

<!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. Das Back-End-PHP empf?ngt die Datei, speichert sie in einem Serverordner und speichert den Dateinamen zum sp?teren Abruf mit

in der Datenbank

up_file.php-Datei:

<?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. Erstellen Sie eine WeChat-Applet-Seite, die die Webansicht zum Hochladen von Dateien verwendet;

web.wxml-Datei

<!--pages/web/web.wxml-->
 <web-view src=&#39;https://dwb.lynncain.cn/H5/&#39;></web-view>

Hinweis: Das Web-View-Tag des WeChat-Applets wird wie oben verwendet, es ist kein redundanter Code erforderlich.

In diesem Artikel wird der Inhalt des WeChat-Applets zum Hochladen von Word-, TXT-, Excel-, PPT- und anderen Dateien ausführlich erl?utert. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Einführung in Bubbling, Dichotomie-Einfügung, Schnellsortierungsalgorithmus

Erkl?rung der PHP-Unterstützung für das Brechen von Verwandten Inhalt der Datei-Download-Klasse, die auf den Lebenslauf klickt

So filtern Sie die HTML-Tag-Attributklasse über PHP

Das obige ist der detaillierte Inhalt vonAusführliche Erkl?rung zum Hochladen von Word-, TXT-, Excel-, PPT- und anderen Dateien in das WeChat-Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erkl?rung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn