用struts2框架编写多个文件上传的代码,利用google插件的goouploader,该插件的界面美观,如下:
用法如下:
将该插件如果应用到你项目中去的话,需要注意一下路径问题
在你的jsp中在展示图片上传
index.jsp中的相关代码:
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GooUploader/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GooUploader/GooUploader.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GooUploader/swfupload/swfupload.js"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/GooUploader/GooUploader.css"/>
<script src="<%=request.getContextPath()%>/js/DataOperator.js"></script>
<script type="text/javascript">
var _contextPath_ = "<%=_contextPath_%>";
</script>
文件中需要定义变量_contextPath_,该值的来源为jsp头部的java代码,如下:
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String _contextPath_ = request.getContextPath().equals("/") ? "" : request.getContextPath();
%>
<body>
<div id="morefiledodiv"></div>
</body>
DataOperator.js相关代码:
我这个在项目中的应用是点击事件调用的该函数
//多个文件上传的函数
/**
* 在此处需要注意的是,flash_url的值为_contextPath_ +'',如果没有_contextPath_则点击插件中的按钮无反应
* _contextPath_ 在index.jsp中的上面js中定义该变量的值
*
* */
function morefileupload(){
var post_params = {session_id:"f1423rwe543t4wrtwerwe"};
var property2={
width:250,
height:240,
multiple:true,
//file_types:"*.jpg;*.gif",
//file_types_description: "Web Image Files",
post_params:post_params,
btn_add_text:"添加",
btn_up_text:"上传",
btn_cancel_text:"放弃",
btn_clean_text:"清空",
op_del_text:"单项删除",
op_up_text:"单项上传",
op_fail_text:"上传失败",
op_ok_text:"上传成功",
op_no_text:"取消上传",
upload_url:"mulFileUpload.action",
flash_url :_contextPath_ +"/js/GooUploader/swfupload/swfupload.swf"
};
$.createGooUploader($("#morefiledodiv"),property2);
}
后台代码:
/**
* @author qf
*/
@SuppressWarnings("serial")
public class UploadAction extends ActionSupport
{
/** 文件对象 */
private List<File> Filedata;
/** 文件名 */
private List<String> FiledataFileName;
/** 文件内容类型 */
private List<String> FiledataContentType;
/** 返回字符串 */
private String returnValue = null;
public void mulFileUpload(){
if(Filedata!=null){
int size = Filedata.size();
for (int i = 0; i < size; i++) {
File file = Filedata.get(i);
String path=ServletActionContext.getServletContext().getRealPath("/");
String imgName=FiledataFileName.get(i);
try {
FileUtils.copyFile(file,new File(path+"upload\\"+imgName));
String outPath=ServletActionContext.getRequest().getScheme()+"://"+ServletActionContext.getRequest().getServerName()+":"+ServletActionContext.getRequest().getServerPort()+ServletActionContext.getRequest().getContextPath()+"/";
ServletActionContext.getResponse().getWriter().print(outPath+"upload/"+imgName);
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
public List<File> getFiledata() {
return Filedata;
}
public void setFiledata(List<File> filedata) {
Filedata = filedata;
}
public List<String> getFiledataFileName() {
return FiledataFileName;
}
public void setFiledataFileName(List<String> filedataFileName) {
FiledataFileName = filedataFileName;
}
public List<String> getFiledataContentType() {
return FiledataContentType;
}
public void setFiledataContentType(List<String> filedataContentType) {
FiledataContentType = filedataContentType;
}
public String getReturnValue() {
return returnValue;
}
public void setReturnValue(String returnValue) {
this.returnValue = returnValue;
}
}
struts.xml的相关代码:
<constant name="struts.devMode" value="true" />
<constant name="struts.i18n.encoding" value="utf-8" />
<constant name="struts.devMode" value="false"/>
<constant name="struts.multipart.maxSize" value="20971520"/>
<package name="upload" extends="struts-default">
<action name="mulFileUpload" class="org.action.UploadAction" method="mulFileUpload"></action>
</package>
将以上的代码应用到你项目中就可以运行了。。
这个跟goouploader中的例子中没有多大区别,应用到项目中的话,主要就是路径的问题,_contextPath_ 这个变量的应用很重要,不然点击插件中的按钮是没有反应的。
上传的是多个文件上传的一个例子,可以直接导入到eclipse工具中运行
提示:(导入进去如果在java代码中出现ServletActionContext.getResponse()报错,则是你缺少javaee.jar包)
以上贴出来的代码跟上传的例子中的一样,只是应用到项目中去的话就需要多一个步骤,就是定义一个获取项目路径的变量
相关推荐
1. **引入依赖**:在项目中引入`GooUploader`的JavaScript库和必要的CSS样式文件,以及`Struts2`的上传插件。这些资源通常可以从官方网站或开源仓库下载。 2. **前端配置**:在HTML页面中,需要创建一个`...
GooUploader是一个基于SwfUpload库封装的工具,专用于实现多文件的Ajax上传,它允许用户在后台处理文件上传的同时,前端界面仍然保持活跃,从而提供了流畅的交互体验。 SwfUpload是一款开源的Flash插件,通过Flash...
资源内项目源码是来自个人的毕业设计,代码都测试ok,包含源码、数据集、可视化页面和部署说明,可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源,毕设答辩评审绝对信服的保底85分以上,放心下载使用,拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务,拿来就能用的绝对好资源!!! 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件,仅供学习参考, 切勿用于商业用途。
wrf转mp4播放器1.1.1
内容概要:本文档详细介绍了如何在Simulink中设计一个满足特定规格的音频带ADC(模数转换器)。首先选择了三阶单环多位量化Σ-Δ调制器作为设计方案,因为这种结构能在音频带宽内提供高噪声整形效果,并且多位量化可以降低量化噪声。接着,文档展示了具体的Simulink建模步骤,包括创建模型、添加各个组件如积分器、量化器、DAC反馈以及连接它们。此外,还进行了参数设计与计算,特别是过采样率和信噪比的估算,并引入了动态元件匹配技术来减少DAC的非线性误差。性能验证部分则通过理想和非理想的仿真实验评估了系统的稳定性和各项指标,最终证明所设计的ADC能够达到预期的技术标准。 适用人群:电子工程专业学生、从事数据转换器研究或开发的技术人员。 使用场景及目标:适用于希望深入了解Σ-Δ调制器的工作原理及其在音频带ADC应用中的具体实现方法的人群。目标是掌握如何利用MATLAB/Simulink工具进行复杂电路的设计与仿真。 其他说明:文中提供了详细的Matlab代码片段用于指导读者完成整个设计流程,同时附带了一些辅助函数帮助分析仿真结果。
国网台区终端最新规范
《基于YOLOv8的智慧农业水肥一体化控制系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计
GSDML-V2.33-LEUZE-AMS3048i-20170622.xml
微信小程序项目课程设计,包含LW+ppt
微信小程序项目课程设计,包含LW+ppt
终端运行进度条脚本
幼儿园预防肺结核教育培训课件资料
python,python相关资源
《基于YOLOv8的智慧校园电动车充电桩状态监测系统》(包含源码、可视化界面、完整数据集、部署教程)简单部署即可运行。功能完善、操作简单,适合毕设或课程设计
deepseek 临床之理性软肋.pdf
SM2258XT量产工具(包含16种程序),固态硬盘量产工具使用
RecyclerView.zip
水务大脑让水务运营更智能(23页)
资源内项目源码是来自个人的毕业设计,代码都测试ok,包含源码、数据集、可视化页面和部署说明,可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源,毕设答辩评审绝对信服的保底85分以上,放心下载使用,拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务,拿来就能用的绝对好资源!!! 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件,仅供学习参考, 切勿用于商业用途。