javaSpringMVC上傳文件（圖片、文檔、視頻）及在線瀏覽

2019-11-11 06:03:50

字體：大中小

供稿：網(wǎng)友

上傳（jsp）：

<form action="caseKnowledge/${msg }.do" name="ckForm" id="ckForm" method="post" enctype="multipart/form-data">	<input type="hidden" name="ck_belong" value="${CK_BELONG }"/>	<input type="hidden" name="ck_id" id="ck_id" value="${pd.CK_ID }"/>	<table id="table_report" class="table table-striped table-bordered table-hover">		<c:if test="${fx != 'head'}">		<tr>			<td style="width:79px;text-align: right;padding-top: 13px;">類型:</td>			<td id="tp_ids">				<select class="chosen-select form-control" name="tp_id" id="tp_id" data-placeholder="請(qǐng)選擇類型" style="vertical-align:top;" style="width:98%;" >				<option value=""></option>				<c:forEach items="${tpList}" var="tp">					<option value="${tp.TP_ID }" <c:if test="${tp.TP_ID == pd.TP_ID }">selected</c:if>>${tp.TP_NAME }</option>				</c:forEach>				</select>			</td>		</tr>		</c:if>		<tr>			<td style="width:79px;text-align: right;padding-top: 13px;">標(biāo)題:</td>			<td><input type="text" name="ck_title" id="ck_title" value="${pd.CK_TITLE }" maxlength="32" placeholder="這里輸入標(biāo)題" title="標(biāo)題" style="width:98%;"/></td>		</tr>		<tr>			<td style="width:79px;text-align: right;padding-top: 13px;">簡介:</td>			<td><input type="text" name="ck_blurb" id="ck_blurb" value="${pd.CK_BLURB }" maxlength="32" placeholder="這里輸入簡介" title="簡介" style="width:98%;"/></td>		</tr>		<tr id="attach_type">			<td style="width:79px;text-align: right;padding-top: 13px;">附件類型:</td>			<td>				<select name="ck_attach_type" id="ck_attach_type" placeholder="附件類型" title="附件類型" style="width:98%;">					<option value="">請(qǐng)選擇附件類型</option>					<option value="0">圖片</option>					<option value="1">視頻</option>					<option value="2">文檔</option>				</select>			</td>		</tr>		<tr id="attach_path">			<td style="width:79px;text-align: right;padding-top: 13px;">附件:</td>			<td>				<input type="file" name="file" id="ck_attach_path" style="width:98%;"/>			</td>		</tr>		<tr style="display: none;">			<td style="width:79px;text-align: right;padding-top: 13px;">狀態(tài):</td>			<td>				<span id="ck_state"></span>				<input type="radio" name="ck_state" title="狀態(tài)" value="0" checked="checked">可用    				<input type="radio" name="ck_state" title="狀態(tài)" value="1" >不可用			</td>		</tr>		<tr>			<td style="width:79px;text-align: right;padding-top: 13px;">備注:</td>			<td><textarea name="remarks" id="remarks" title="備注" style="width:98%;">${pd.REMARKS }</textarea></td>		</tr>		<tr>			<td style="text-align: center;" colspan="10">				<a class="btn btn-mini btn-PRimary" onclick="save();">保存</a>				<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>			</td>		</tr>	</table></form>上傳（controller）：
        /**	 * 添加	 * @param file	 * @param request	 * @return	 * @throws Exception	 */	@RequestMapping(value="/saveCK")	public ModelAndView saveCK(@RequestParam MultipartFile file,HttpServletRequest request) throws Exception{		if(!Jurisdiction.buttonJurisdiction(ckUrl, "save")){return null;} //校驗(yàn)權(quán)限		ModelAndView mv = this.getModelAndView();		PageData pd = new PageData();		pd=this.getPageData();		pd.put("CK_ID", this.get32UUID());		pd.put("TP_ID", request.getParameter("tp_id"));		pd.put("CK_TITLE", request.getParameter("ck_title"));		pd.put("CK_BLURB", request.getParameter("ck_blurb"));		pd.put("CK_ATTACH_TYPE", request.getParameter("ck_attach_type"));		//圖片、視頻、文檔的路徑		String url="";		// 文件保存路徑		if("0".equals(pd.getString("CK_ATTACH_TYPE"))){			//圖片			url = "/images/";		}else if("1".equals(pd.getString("CK_ATTACH_TYPE"))){			//視頻			url = "/video/";		}else if("2".equals(pd.getString("CK_ATTACH_TYPE"))){			//文檔			url = "/document/";		}				pd.put("CK_BELONG", request.getParameter("ck_belong"));	//0--案例知識(shí)     1--教學(xué)素材				//獲取當(dāng)前登錄人		Httpsession session = getRequest().getSession(); 		User user = (User)session.getAttribute(Const.SESSION_USER);		//如果是學(xué)生則添加的時(shí)候?yàn)闊o     如果是老師   則顯示老師name		//通過用戶Id獲取角色I(xiàn)d   從而得出角色名稱		pd.put("ROLE_ID", user.getROLE_ID());		if(roleService.findObjectById(pd).getString("ROLE_NAME").equals("學(xué)生")){			pd.put("USER_ID", "");			pd.put("AUDIT_TIME", "無");			pd.put("AUDIT_STATE", "2");				//還要判斷  如果是學(xué)生則需要審核     如果是老師   則不需要審核		}else{			pd.put("USER_ID", user.getUSER_ID());				pd.put("AUDIT_TIME", ContractController.getTime());			pd.put("AUDIT_STATE", "0");				//還要判斷  如果是學(xué)生則需要審核     如果是老師   則不需要審核		}		pd.put("CK_STATE", request.getParameter("ck_state"));					if("".equals(request.getParameter("remarks"))){			pd.put("REMARKS", "無");		}else{			pd.put("REMARKS", request.getParameter("remarks"));		}		pd.put("CREATE_BY", user.getNAME());		pd.put("CREATION_DATE", ContractController.getTime());		pd.put("LAST_UPDATE_DATE", ContractController.getTime());		pd.put("TEMP1", "");		pd.put("TEMP2", "");		pd.put("TEMP3", "");		System.out.println("pd-->"+pd);		//獲取文件名		String fileName = file.getOriginalFilename();		//文件擴(kuò)展名		String extName = fileName.substring(fileName.lastIndexOf("."));		String newName = this.get32UUID()+extName;		System.out.println("file.getOriginalFilename()"+file.getOriginalFilename());		pd.put("CK_ATTACH_PATH", "knowledge/"+url+newName);		// 判斷文件是否為空		if (!file.isEmpty()) {			try {				String filePath = request.getSession().getServletContext().getRealPath("uploadFiles/knowledge")+url+newName;				System.out.println("filePath-->"+filePath);				// 轉(zhuǎn)存文件				file.transferTo(new File(filePath));			} catch (Exception e) {				e.printStackTrace();			}		}		caseKnowledgeService.saveCK(pd);		mv.addObject("CK_BELONG", request.getParameter("ck_belong"));		mv.addObject("msg","success");		mv.setViewName("save_result");		//mv.setViewName("redirect:list.do?CK_BELONG="+request.getParameter("ck_belong"));		return mv;	}刪除：
	/**	 * 刪除	 * @return	 * @throws Exception	 */	@RequestMapping(value="/deleteCK")	public ModelAndView deleteCK(HttpServletRequest request) throws Exception{		if(!Jurisdiction.buttonJurisdiction(ckUrl, "del")){return null;} //校驗(yàn)權(quán)限		ModelAndView mv=this.getModelAndView();		PageData pd=this.getPageData();		PageData caseKnow = caseKnowledgeService.findById(pd);		//System.out.println("**********"+request.getSession().getServletContext().getRealPath("uploadFiles/"+caseKnow.getString("CK_ATTACH_PATH")));		File file = new File(request.getSession().getServletContext().getRealPath("uploadFiles/"+caseKnow.getString("CK_ATTACH_PATH")));		if (!file.isDirectory()) {//如果文件沒有被銷毀，則刪除			file.delete();		}		caseKnowledgeService.deleteCK(pd);		mv.addObject("msg","success");		mv.addObject("CK_BELONG", pd.getString("CK_BELONG"));		mv.setViewName("save_result");		return mv;	}在線預(yù)覽（controller）：
	/**	 * 查看附件	 * @return	 * @throws Exception	 */	@RequestMapping(value="/view")	public ModelAndView view(HttpServletRequest request) throws Exception{		if(!Jurisdiction.buttonJurisdiction(ckUrl, "cha")){return null;} //校驗(yàn)權(quán)限		ModelAndView mv = this.getModelAndView();		PageData pd = new PageData();		pd = this.getPageData();		System.out.println("pd-->"+pd);		pd=caseKnowledgeService.findById(pd);		//判斷路徑是否存在		File file = new File(request.getSession().getServletContext().getRealPath("uploadFiles/"+pd.getString("CK_ATTACH_PATH")));    		if(!file.exists()) {  //如果不存在  	    	pd.put("path", "hasnotPath");   		}			mv.addObject("pd", pd);		mv.setViewName("knowledge/caseKnowledge/ck_view");		return mv;	}在線預(yù)覽（jsp）：
    <div class="col-xs-12" style="text-align: center;">	<input type="hidden" name="ck_id" id="ck_id" value="${pd.CK_ID }"/>	<c:choose>		<c:when test="${pd.path != 'hasnotPath' }">		<!-- 圖片 -->		<c:if test="${pd.CK_ATTACH_TYPE == 0 }">			<img src="uploadFiles/${pd.CK_ATTACH_PATH}"/>		</c:if>		<!-- 視頻 -->		<c:if test="${pd.CK_ATTACH_TYPE == 1 }">			<video autoplay="autoplay" controls="controls" src="uploadFiles/${pd.CK_ATTACH_PATH}" loop="-1"></video>		</c:if>		<!-- 文檔 -->		<c:if test="${pd.CK_ATTACH_TYPE == 2 }">			<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" border="0">     				<param name="_Version" value="65539">     				<param name="_ExtentX" value="20108">     				<param name="_ExtentY" value="10866">     				<param name="_StockProps" value="0">     				<param name="SRC" value="uploadFiles/${pd.CK_ATTACH_PATH}">     				<object data="uploadFiles/${pd.CK_ATTACH_PATH}" type="application/pdf" width="99%" height="630" class="hiddenObjectForIE">      				</object>     			</object>  		</c:if>		</c:when>		<c:otherwise>			<div style="margin: auto; padding-top: 20px;">文件找不到了！</div>		</c:otherwise>	</c:choose>    </div>    <script type="text/javascript">	$(top.hangge());	//var iw = $("img").width();  	//var ih = $("img").height();	//改變圖片的大小	function changeImg(){		var iw = $("img").width();  		var ih = $("img").height();      	if(iw <= ih){	      	$("img").width(630*iw/ih);		    $("img").height(630);	    }else{		    $("img").width(840);		    $("img").height(840*ih/iw);	    }	}	$(document).ready(function(){		//圖片        changeImg();	    //視頻        var vw = $("video").width();        var vh = $("video").height();//   	alert("寬："+vw+"*****高："+vh);      	$("video").width(840);	   // $("video").height(865*vh/vw);	});	$("img").click(function(){		var iw = $("img").width();  		var ih = $("img").height();		if(iw < ih){			if($("img").width() != 820){		      	$("img").width(820);			    $("img").height(820*ih/iw);		    }else{		    	$("img").width(630*iw/ih);			    $("img").height(630);		    }	    }	});</script>