devbox
我家自动化
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

PHP(9)：将上传的Word文件保存到MS SQL Server数据库_上传word文件到数据库

作者：我家自动化 | 2024-04-09 08:03:43

赞

踩

上传word文件到数据库

　　算起来，折腾了整整一天，就是完成将上传的Word文件保存到MS SQL Server 2014数据库中。

　　第一次使用PHP来开发一个小程序，压力也挺大，主要是用户觉得我很快就能完成，这就有点尴尬了，怎么可能？！对于PHP，我还是个新手。

　　没有办法，只能硬着头皮干了，星期一开始。

　　原先我一直以为CSDN是最好的开发文档集散地，查资料是首选，结果我查了无数的资料，都没有找到相关的内容，快崩溃了。我发现很多记录日志真是糟糕，写开发日志是为了方便自己也方便别人，胡乱写有什么意义呢？！

　　只能不停地试，总算是完成了这个小功能。

　　完成界面：

 　　前端的页面文件：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>layui</title>
  6.     <meta name="renderer" content="webkit">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9.     <link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
  10.     <link rel="stylesheet" href="css/public.css" media="all">
  11.     <style>
  12.         body {
  13.             background-color: #ffffff;
  14.         }
  15.     </style>
  16. </head>
  17. <body>
  18. <div class="layui-form layuimini-form">
  19. 	<form action="" class="layui-form login-bottom" id="uploadFile">
  20. 		
  21. 		<div class="layui-form-item">
  22. 			<label class="layui-form-label required">模板文件名</label>
  23. 			<div class="layui-input-block">
  24. 				<input type="text" name="Dc01" id="Dc01" lay-verify="required" lay-reqtext="模板文件名称"  value="" class="layui-input">
  25. 			</div>
  26. 		</div>
  27. 	
  28. 		<div class="layui-form-item">
  29. 			<label class="layui-form-label required">简要说明</label>
  30. 			<div class="layui-input-block">
  31. 				<input type="text" name="Dc04" id="Dc04" value="" class="layui-input">
  32. 			</div>		
  33. 		</div>
  34. 	
  35. 		<div class="layui-form-item" style="border: 0px solid #d70008;">
  36. 			<label class="layui-form-label required">Word模板</label>
  37. 			<div class="layui-input-inline" style="width: 600px;">
  38. 				<input type="text" name="Dc05" id="Dc05"  value="" style="width: 400px;" class="layui-input" disabled="disabled">
  39. 			</div>
  40. 			<div class="layui-input-inline" style="left: -200px;width: 120px;height: 32px;">
  41. 				<!-- <input type="button" value="选择Word文件" id="selectWord" style="width: 120px;height: 32px;"/> -->
  42. 				<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" style="width: 100px;height: 39px;" id="selectWord">选择Word文件</button>
  43. 				<input type='file' id='readFile' style="opacity: 0;border: 0px solid #1e9fff;">
  44. 			</div>		
  45. 		</div>
  46.  
  47. 		<div class="layui-form-item">
  48. 			<label class="layui-form-label">项目名称</label>
  49. 			<div class="layui-input-block">
  50. 				<input type="text" name="Dc06"  id="Dc06" value="" class="layui-input">
  51. 			</div>
  52. 		</div>
  53.  
  54. 		<div class="layui-form-item">
  55. 			<label class="layui-form-label">子项目名称</label>
  56. 			<div class="layui-input-block">
  57. 				<input type="text" name="Dc07"  id="Dc07" value="" class="layui-input">
  58. 			</div>
  59. 		</div>
  60. 	
  61. 		<div class="layui-form-item">
  62. 			<label class="layui-form-label">项目属性</label>
  63. 			<div class="layui-input-inline">
  64. 				<select id="Dc08" name="Dc08" lay-filter="outUnitList">
  65. 					<option value="日常维护">服务</option>
  66. 					<option value="定期巡检">物质采购</option>
  67. 					<option value="数据处理">工程</option>
  68. 				</select>
  69. 			</div>
  70. 			<label class="layui-form-label">适用年度</label>
  71. 			<div class="layui-input-inline">
  72. 				<input type="text" name="Dc09"  id="Dc09" value="" class="layui-input">
  73. 			</div>
  74. 			
  75. 		</div>	
  76. 	
  77. 		<div class="layui-form-item">
  78. 			<label class="layui-form-label">上传人</label>
  79. 			<div class="layui-input-inline">
  80. 				<input type="text" name="Dc02"  id="Dc02" value="" class="layui-input">
  81. 			</div>
  82. 			<label class="layui-form-label">上传时间</label>
  83. 			<div class="layui-input-inline">
  84. 				<input type="text" name="Dc03"  id="Dc03" value="" class="layui-input">
  85. 			</div>
  86. 			
  87. 		</div>
  88. 		
  89. 		<div class="layui-form-item">
  90. 			<div class="layui-input-block">
  91. 				<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
  92. 			</div>
  93. 		</div>
  94. 			
  95. 	</form>
  96. </div>
  97. <script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  98. <script>					
  99.     layui.use(['layer','form','rate'], function () {
  100.         var form = layui.form, layer = layui.layer, $ = layui.$;
  101.  
  102. 		let currentUser='';
  103. 		let currentDatetime='';
  104. 		//得到当前的用户名称
  105. 		$.ajax({
  106. 			url:'ZTBgetCurrentUser.php',
  107. 			type:'POST',
  108. 			async:false,
  109. 			success:function (data) {
  110. 				// $("input[name=C02]").val(data);
  111. 				document.getElementById('Dc02').value=data;
  112. 				currentUser=data;
  113. 			}
  114. 		});
  115. 		
  116. 		//得到当前服务器的时间
  117. 		$.ajax({
  118. 			url:'ZTBgetServerDatetime.php',
  119. 			type:'POST',
  120. 			async:false,
  121. 			success:function (data) {
  122. 				// $("input[name=C02]").val(data);
  123. 				document.getElementById('Dc03').value=data;
  124. 				document.getElementById('Dc09').value=data.substring(0,4);				
  125. 				currentDatetime=data;
  126. 			}
  127. 		});
  128.  
  129. 		document.getElementById('selectWord').addEventListener('click',function(){
  130. 			$("#readFile").trigger("click");			
  131. 		});
  132.   
  133. 		document.getElementById('readFile').addEventListener('change',function(){
  134. 			if(this.files.length===0){
  135. 				console.log('没有选择文件！');
  136. 				return;
  137. 			}
  138. 			
  139. 			let reader=new FileReader();
  140. 			reader.onload=function (){
  141. 				console.log(reader.result);
  142. 			}
  143. 			// reader.readAsText(this.files[0]);
  144. 			// console.log(this.files[0].size);
  145. 			// console.log(this.files[0].name);
  146. 			// document.getElementById('Dc05').
  147. 			document.getElementById('Dc05').value=this.files[0].name;
  148. 			// console.log(this.files[0].type);
  149. 		})
  150.   
  151. 		// localStorage.clear();
  152.         //监听提交
  153.         form.on('submit(saveBtn)', function (data) {
  154. 			data = data.field;			
  155. 			
  156. 			//检查数据
  157. 			var canContinue=true;
  158. 			var strFalse="";
  159. 			
  160. 			var jsonData=[];//准备一个空数组			 
  161. 			var updateData=new Object();//准备对象
  162. 			updateData.strTable="HtTemplateFile";
  163. 			updateData.strWhere="c01='"+document.getElementById("Dc01").value+"' and c08='"+document.getElementById("Dc08").value+"' and c09='"+document.getElementById("Dc09").value+"'";
  164. 			// console.log(updateData);
  165. 			jsonData.push(updateData);
  166. 			var json_str=JSON.stringify(jsonData);
  167. 			$.ajax({//检查数据库ID是否存在
  168. 				url:'ZTBIsExist.php',
  169. 				data:json_str,
  170. 				type:'POST',
  171. 				datetype:'json',
  172. 				async:false,
  173. 				success:function (data) {
  174. 					if(data=='YES'){ 
  175. 						canContinue=false;
  176. 						strFalse="要插入的记录重复！";
  177. 					}
  178. 				}
  179. 			});
  180.  
  181. 			if(canContinue){
  182. 					// let formID = document.getElementById("uploadFile");
  183. 					// let formData = new FormData(formID);//FormData构造器接收的是一个form的DOM对象
  184. 					let wordFile = document.getElementById('readFile');
  185. 					//用FormData对象对表单数据进行封装
  186. 					const fd = new FormData();//FormData构造器接收的是一个form的DOM对象					
  187. 					fd.append("wordFile",wordFile.files[0]);//Word文件数据
  188. 					fd.append("c01",$('#Dc01').val());//模板文件名
  189. 					fd.append("c02",currentUser);//上传人
  190. 					fd.append("c03",currentDatetime);//上传时间
  191. 					fd.append("c04",$('#Dc04').val());//简要说明
  192. 					fd.append("c06",$('#Dc06').val());//项目名称
  193. 					fd.append("c07",$('#Dc07').val());//子项目名称
  194. 					fd.append("c08",$('#Dc08').val());//项目类型
  195. 					fd.append("c09",$('#Dc09').val());//适用年度
  196. 															
  197. 					$.ajax({						
  198. 						url: 'ZTBHTTemplateFileAdd.php',
  199. 						type: "POST",
  200. 						data: fd,
  201. 						dataType: "JSON",
  202. 						async: true,
  203. 						processData: false,//设置为false,JQuery则不对数据进行序列化
  204. 						contentType: false,//设置为false，JQuery则不设Content-Type请求头
  205. 						beforeSend: function(xhr){
  206. 							console.log('开始!');							
  207. 						},
  208. 						complete: function(xhr,status){
  209. 							console.log('完成!');							
  210. 						},
  211. 						error: function(xhr,status,error){
  212. 							console.log('请求出错!');
  213. 						},
  214. 						success: function(result){
  215. 							console.log('表单提交成功!');
  216. 						}
  217. 					});
  218.  
  219. 					return false;//阻止表单的默认提交事件				
  220. 					}
  221.            });
  222.  
  223.     });
  224. </script>
  225. </body>
  226. </html>

　　后台PHP文件：

  1. <?php
  2. // error_reporting(0);
  3. session_start();
  4. $continue=true;
  5. $falseStr="";
  6.  
  7. //获取post的数据
  8. $C01 = $_POST['c01'];
  9. $C02 = $_POST['c02'];
  10. $C03 = $_POST['c03'];
  11. $C04 = $_POST['c04'];
  12.  
  13. $C06 = $_POST['c06'];
  14. $C07 = $_POST['c07'];
  15. $C08 = $_POST['c08'];
  16. $C09 = $_POST['c09'];
  17.  
  18. if(!isset($_FILES)){
  19. 	$returnArr['c05']='没有选择上传的文件';
  20. }else{
  21. 	$returnArr['c05']='有文件';
  22. }
  23.  
  24. if($_FILES['wordFile']['error']>0){
  25.     $returnArr['c05']='文件有错误';
  26. }
  27.  
  28. $uploadFile = $_FILES["wordFile"];//得到上传的文件
  29. $wordBlob=file_get_contents($uploadFile['tmp_name']);
  30. file_put_contents("123.docx",$wordBlob , FILE_APPEND);//将文件内容写到磁盘上
  31. //将内容字符串转为十六进制字符串
  32. $wordHexData = "0x".bin2hex($wordBlob);
  33.  
  34. $returnArr['c01']=$C01;
  35. $returnArr['c02']=$C02;
  36. $returnArr['c03']=$C03;
  37. $returnArr['c04']=$C04;
  38.  
  39. $returnArr['c06']=$C06;
  40. $returnArr['c07']=$C07;
  41. $returnArr['c08']=$C08;
  42. $returnArr['c09']=$C09;
  43.  
  44. //准备写入数据库
  45. require 'ZTBLinkConfig.php';
  46. //准备插入数据
  47. $sql = "insert into HtTemplateFile(c01,c02,c03,c04,c06,c07,c08,c09,c05) values('$C01','$C02','$C03','$C04','$C06','$C07','$C08','$C09',$wordHexData)";
  48. $result =$ZTBConn->query($sql);
  49. $returnArr['c05']=$result;
  50.  
  51. //读出来写到磁盘上，这样可以判断上传文件是否真的写入了。
  52. // $sql = "select * from  HtTemplateFile where c01='模板文件名' and c08='项目属性' and c09='2021'";
  53. // $result =$ZTBConn->query($sql);
  54. // while($row=$result->fetch()){
  55. //         $hexData= $row['c05'];
  56. // }
  57.  
  58. // $binData=hex2bin($hexData);
  59. // file_put_contents("333.docx",$hexData , FILE_APPEND);//将文件内容写到磁盘上
  60.  
  61. echo json_encode($returnArr,JSON_UNESCAPED_UNICODE);
  62. ?>

　　注意点：

　　1、美化上传按钮

　　普通的文件上传按钮不好看，与整个界面不协调，放上一个DIV后再放一个LayUI的按钮就可以了，然后使用事件代理，触发实际文件的上传，是change事件。

  1. 		document.getElementById('selectWord').addEventListener('click',function(){
  2. 			$("#readFile").trigger("click");			
  3. 		});

　　2、封装上传的数据

　　使用formData，可以封装整个form。

  1. let formID = document.getElementById("uploadFile");
  2. let formData = new FormData(formID);//FormData构造器接收的是一个form的DOM对象

　　也可以按照要求逐个添加。

  1. let wordFile = document.getElementById('readFile');
  2. //用FormData对象对表单数据进行封装
  3. const fd = new FormData();//FormData构造器接收的是一个form的DOM对象					
  4. fd.append("wordFile",wordFile.files[0]);//Word文件数据
  5. fd.append("c01",$('#Dc01').val());//模板文件名
  6. fd.append("c02",currentUser);//上传人
  7. fd.append("c03",currentDatetime);//上传时间
  8. fd.append("c04",$('#Dc04').val());//简要说明
  9. fd.append("c06",$('#Dc06').val());//项目名称
  10. fd.append("c07",$('#Dc07').val());//子项目名称
  11. fd.append("c08",$('#Dc08').val());//项目类型
  12. fd.append("c09",$('#Dc09').val());//适用年度

　　既然是对象，最好使用const定义。

　　完整的上传，使用ajax。

  1. 					$.ajax({						
  2. 						url: 'ZTBHTTemplateFileAdd.php',
  3. 						type: "POST",
  4. 						data: fd,
  5. 						dataType: "JSON",
  6. 						async: true,
  7. 						processData: false,//设置为false,JQuery则不对数据进行序列化
  8. 						contentType: false,//设置为false，JQuery则不设Content-Type请求头
  9. 						beforeSend: function(xhr){
  10. 							console.log('开始!');							
  11. 						},
  12. 						complete: function(xhr,status){
  13. 							console.log('完成!');							
  14. 						},
  15. 						error: function(xhr,status,error){
  16. 							console.log('请求出错!');
  17. 						},
  18. 						success: function(result){
  19. 							console.log('表单提交成功!');
  20. 						}
  21. 					});
  22.  
  23. 					return false;//阻止表单的默认提交事件				
  24. 					}

　　注意，返回值一定要是JSON格式！！！

　　3、接收上传的数据，我为了检查数据，是生成在磁盘上，这样就好判断上传的结果，保存到数据库后也是先取出来再写到磁盘上来判断。

　　保存的时候需要将数据转成16进制的，读取出来就不用再转了！

　　写入数据库前写入磁盘：

  1. $uploadFile = $_FILES["wordFile"];//得到上传的文件
  2. $wordBlob=file_get_contents($uploadFile['tmp_name']);
  3. file_put_contents("123.docx",$wordBlob , FILE_APPEND);//将文件内容写到磁盘上
  4. //将内容字符串转为十六进制字符串
  5. $wordHexData = "0x".bin2hex($wordBlob);

　　从数据库中读出来再写入磁盘：

  1. //读出来写到磁盘上，这样可以判断上传文件是否真的写入了。
  2. $sql = "select * from  HtTemplateFile where c01='模板文件名' and c08='项目属性' and c09='2021'";
  3. $result =$ZTBConn->query($sql);
  4. while($row=$result->fetch()){
  5.          $hexData= $row['c05'];
  6. }
  7.  
  8. file_put_contents("333.docx",$hexData , FILE_APPEND);//将文件内容写到磁盘上

　　MS SQL Server 2014的文件字段为image。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/391341
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号