The function getContextPath???

本文介绍了如何使用Java实现文件上传功能,包括图片和视频的上传,并详细解释了如何将上传的图片和视频分别显示在网页上。

PictuerAndVideo.jsp

<%@ page language="java" contentType="text/html; charset=GB18030"
 pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=GB18030">
  <title>addPictureAndVideo</title>
 </head>
 <body>
  <s:fielderror />
  <!--
  
   -->
  <form
   action="<%=request.getContextPath()%>/fileUpload/uploadFile.action"
   method="post" enctype="multipart/form-data">
   图片1:
   <input type="file" name="image">
   <br />
   图片2:
   <input type="file" name="image">
   <br />
   图片3:
   <input type="file" name="image">
   <br />
   图片4:
   <input type="file" name="image">
   <br />
   视频1:
   <input type="file" name="image">
   <br />
   视频2:
   <input type="file" name="image">
   <br />
   <input type="submit" value="上传">
  </form>
 </body>
</html>

 

PictuerAndVideoSuccess.jsp

<%@ page language="java" contentType="text/html; charset=GB18030"
 pageEncoding="GB18030" import="cn.action.FileUploadAction;" %>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=GB18030">
  <title>addPictureAndVideo</title>
 </head>
 <body>
 
 ${message}
 <div style ="padding: 3px; border: solid 1px #cccccc; text-align: center" >
 
 <img src="../image/<s:property value="imageFileName" />" width="400px" height="250px"/>
 <br/>
 </div>
 </body>
</html>

 

struts.xml:

 <package name="FileUpload" extends="struts-default"
  namespace="/fileUpload">
  <action name="uploadFile" class="cn.action.FileUploadAction"
   method="execute">
   <param name="allowedTypes">
    image/bmp,image/png,image/gif,image/jpeg,image/swf,image/avi,image/rm
   </param>
   <result name="success">
    /WEB-INF/web/PictuerAndVideoSuccess.jsp
   </result>
   <result name="input">/PictuerAndVideo.jsp</result>
  </action>
 </package>

 

web.xml:

 <filter>
  <filter-name>struts2</filter-name>
  <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>
 </filter>

 <filter-mapping>
  <filter-name>struts2</filter-name>
  <url-pattern>/*</url-pattern>
 </filter-mapping>

 

 

 

但如果深入一点的话,要把上传的图片分别显示出来,又该怎么做呢??

这是jsp代码: <%@ page language="java" import="com.zhuozhengsoft.pageoffice.OpenModeType,com.zhuozhengsoft.pageoffice.PageOfficeCtrl" pageEncoding="UTF-8" %> <%@ page import="org.apache.commons.lang3.StringUtils" %> <%@ page import="java.net.URLDecoder" %> <%@ page import="java.net.URLEncoder" %> <%@ page contentType="text/html; charset=UTF-8"%> <% String userName=URLDecoder.decode(request.getParameter("userName"),"UTF-8"); String filePath=URLDecoder.decode(request.getParameter("filePath"),"UTF-8"); String fileName=URLDecoder.decode(request.getParameter("fileName"),"UTF-8"); out.println(fileName); String saveFilePath=URLDecoder.decode(request.getParameter("saveFilePath"),"UTF-8"); String systemLanguage=URLDecoder.decode(request.getParameter("systemLanguage"),"UTF-8"); PageOfficeCtrl poCtrl = new PageOfficeCtrl(request); //设置服务器页面 poCtrl.setServerPage(request.getContextPath() +"/poserver.zz"); //添加自定义按钮 if (StringUtils.isNotEmpty(systemLanguage) && "zh-CN".equals(systemLanguage)){ poCtrl.addCustomToolButton("保存", "Save", 1); poCtrl.addCustomToolButton("新建批注", "InsertComment()", 3); poCtrl.addCustomToolButton("隐藏痕迹", "hideRevision", 18); poCtrl.addCustomToolButton("显示痕迹", "showRevision", 9); }else{ poCtrl.addCustomToolButton("Save", "Save", 1); poCtrl.addCustomToolButton("InsertComment", "InsertComment()", 3); poCtrl.addCustomToolButton("HideRevision", "hideRevision", 18); poCtrl.addCustomToolButton("ShowRevision", "showRevision", 9); } //设置并发控制时间 poCtrl.setTimeSlice(20); //设置保存页面 String path = URLEncoder.encode(request.getParameter("saveFilePath"),"UTF-8"); poCtrl.setSaveFilePage("SaveFile.jsp?saveFilePath="+path); if (fileName.endsWith(".docx") || fileName.endsWith(".doc")) { //打开Word文档 poCtrl.webOpen(filePath, OpenModeType.docRevisionOnly, userName); } else if (fileName.endsWith(".xls") || fileName.endsWith(".xlsx")) { //打开Excel文档 poCtrl.webOpen(filePath, OpenModeType.xlsNormalEdit, userName); } %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta charset="utf-8"> <title>pageOffice</title> <style> #main { width: 1040px; height: 890px; border: #83b3d9 2px solid; background: #f2f7fb; } #shut { width: 45px; height: 30px; float: right; margin-right: -1px; } #shut:hover { } </style> </head> <body style="margin:0; padding:0;border:0px; overflow:hidden" scroll="no"> <script type="text/javascript" src="https://oad.hepalink.net/js/jquery/jquery_wev8.js"></script> <script type="text/javascript"> function InsertComment() { document.getElementById("PageOfficeCtrl1").WordInsertComment(); var sMac = "Sub myfunc() " + "\r\n" + "On Error Resume Next " + "\r\n" + "ActiveWindow.ActivePane.Close " + "\r\n" + "End Sub "; document.getElementById("PageOfficeCtrl1").RunMacro("myfunc", sMac); } function Save() { document.getElementById("PageOfficeCtrl1").WebSave(); } function showRevision() { document.getElementById("PageOfficeCtrl1").ShowRevisions = true; } function hideRevision() { document.getElementById("PageOfficeCtrl1").ShowRevisions = false; } function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return null; } function BeforeBrowserClosed() { var docId = getQueryString("docId"); var filePath = getQueryString("saveFilePath"); var fileName = getQueryString("fileName"); var lang = getQueryString("systemLanguage"); var category = getQueryString("category"); if (document.getElementById("PageOfficeCtrl1").IsDirty) { var message = "提示:文档已被修改,是否确认保存并关闭?"; // var lang = navigator.language||navigator.userLanguage;//常规浏览器语言和IE浏览器 lang = lang.substr(0, 2); if(lang!=='zh'){ message="The document has been modified.Please confirm!"; } if (confirm(message)) { document.getElementById("PageOfficeCtrl1").WebSave(); $.ajax({ type:"post", //方式 url:"/api/pageOffice/replaceDoc", //寻址,处理页面 data:{ "docId":docId, "filePath":filePath, "fileName":fileName, "category":category }, //datatype:"json", success:function (data){ } }) return true; } else { return false; } }else{ $.ajax({ type:"post", //方式 url:"/api/pageOffice/replaceDoc", //寻址,处理页面 data:{ "docId":docId, "filePath":filePath, "fileName":fileName, "category":category }, //datatype:"json", success:function (data){ } }) } } </script> <div id="main"> <%=filePath %>。 <%=saveFilePath %>。 <div id="content" style="height:850px;width:1036px;overflow:hidden;"> <%=poCtrl.getHtmlCode("PageOfficeCtrl1")%> </div> </div> </body> </html>
10-28
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值