\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在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

    首頁 微信小程序 微信開發(fā) 關于微信小程序上傳word、txt、Excel、PPT等文件的詳解

    關于微信小程序上傳word、txt、Excel、PPT等文件的詳解

    Jun 11, 2018 pm 05:34 PM

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

    實現(xiàn)流程:

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

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

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

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

    效果圖:

    具體實現(xiàn):

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

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


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

    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標簽隱藏掉 -->
    		<script type="text/javascript">
    			function upload() {
    				$("#form1").submit();
    				var t = setInterval(function() {
    					//獲取iframe標簽里body元素里的文字。即服務器響應過來的"上傳成功"或"上傳失敗"
    					var word = $("iframe[name=&#39;frame1&#39;]").contents().find("body").text();
    					if(word != "") {
    //						alert(word); //彈窗提示是否上傳成功
    //						clearInterval(t); //清除定時器
    					}
    				}, 1000);
    			}
    		</script>
    	</body>
    
    </html>


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

    up_file.php 文件:

    <?php  
        header("Content-Type:text/html;charset=utf8"); 
    	header("Access-Control-Allow-Origin: *"); //解決跨域
    	header(&#39;Access-Control-Allow-Methods:POST&#39;);// 響應類型  
    	header(&#39;Access-Control-Allow-Headers:*&#39;); // 響應頭設置 
        $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.在微信小程序創(chuàng)建一個頁面,里面使用web-view達到上傳文件的目的;

    web.wxml文件

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

    注:微信小程序web-view標簽使用如上,無需多余代碼。

    本文詳解了關于微信小程序上傳word、txt、Excel、PPT等文件的內(nèi)容,更多相關內(nèi)容請關注php中文網(wǎng)。

    相關推薦:

    關于冒泡,二分法插入,快速排序算法的介紹

    講解php 支持斷點續(xù)傳的文件下載類的相關內(nèi)容

    如何通過php 過濾html標記屬性類

    以上是關于微信小程序上傳word、txt、Excel、PPT等文件的詳解的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章!

    本站聲明
    本文內(nèi)容由網(wǎng)友自發(fā)貢獻,版權歸原作者所有,本站不承擔相應法律責任。如您發(fā)現(xiàn)有涉嫌抄襲侵權的內(nèi)容,請聯(lián)系admin@php.cn

    熱AI工具

    Undress AI Tool

    Undress AI Tool

    免費脫衣服圖片

    Undresser.AI Undress

    Undresser.AI Undress

    人工智能驅(qū)動的應用程序,用于創(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

    功能強大的PHP集成開發(fā)環(huán)境

    Dreamweaver CS6

    Dreamweaver CS6

    視覺化網(wǎng)頁開發(fā)工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神級代碼編輯軟件(SublimeText3)

    熱門話題

    Laravel 教程
    1597
    29
    PHP教程
    1488
    72