JEECG 通用文件上传

j夫子

浏览: 93001 次
性别:

最近访客更多访客>>

追逐什么

haigangyuan2011

wsyyzzxy

ganliang13

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jeecg

首先是提交的方式，和表单一起提交，继承附件实体。
然后是多文件上传，样式冲突，各种各样的问题。

这里给一个比较通用的文件上传方案，还是基于uploadify标签。但是绝对好用！

step.1
新建一个文件上传的jsp页面，作为通用上传。
路径：/webpage/system/upload/uploadView.jsp
代码：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html >
<html>
<head>
<t:base type="jquery,easyui,tools"></t:base>
<script type="text/javascript">
function uploadSuccess(d,file,response){
$("#fileUrl").val(d.attributes.url);
$("#fileName").val(d.attributes.name);
var url = $("#fileUrl").val();
var html="";
if(url.indexOf(".gif")!=-1 ||
url.indexOf(".jpg")!=-1 ||
url.indexOf(".png")!=-1 ||
url.indexOf(".bmp")!=-1){
html += "<img src='"+url+"' width =400 height=300 />";
}else{
html += "<a href='"+url+"' target=_blank >下载:"+d.attributes.name+"</a>";
}
$("#fileShow").html(html);
}
function uploadCallback(callback){
var url = $("#fileUrl").val();
var name= $("#fileName").val();
callback(url,name);
}
</script>
</head>
<body style="overflow-y: hidden" scroll="no">
<table cellpadding="0" cellspacing="1" class="formtable">
<input id="documentTitle" type="hidden" name="documentTitle" value="blank"/>
<input id="fileUrl" type="hidden"/>
<input id="fileName" type="hidden"/>
<tbody>
<tr>
<td align="right">
<label class="Validform_label"></label>
</td>
<td class="value">
<t:upload name="instruction" dialog="false" multi="false" extend="pic" queueID="instructionfile" view="false" auto="true" uploader="systemController.do?saveFiles" onUploadSuccess="uploadSuccess" id="instruction" formData="documentTitle"></t:upload>
</td>
</tr>
<tr>
<td colspan="2" id="instructionfile" class="value">
</td>
</tr>
</tbody>
</table>
<div id="fileShow" >
</div>
</body>
</html>

复制代码

step.2
写一个通用的js方法，来调用这个文件上传窗口
可以写入curdtools.js中

function commonUpload(callback){
$.dialog({
content: "url:systemController.do?commonUpload",
lock : true,
title:"文件上传",
width:700,
height: 400,
parent:windowapi,
cache:false,
ok: function(){
var iframe = this.iframe.contentWindow;
iframe.uploadCallback(callback);
return true;
},
cancelVal: '关闭',
cancel: function(){
}
});
}

复制代码

step.3
在/src/jeecg/system/controller/core/SystemController.java 中添加弹出页面跳转的方法

/**
* 文件上传通用跳转
*
* @param icon
* @param req
* @return
*/
@RequestMapping(params = "commonUpload")
public ModelAndView commonUpload(HttpServletRequest req) {
return new ModelAndView("system/upload/uploadView");
}

复制代码

这样就大功告成了！
使用时只需要：

QQ截图20131023152728.jpg

function uploadTaxRegImgCallBack(url,name){
            $("#taxRegImgView").attr('src',url);
            $("#taxRegImg").val(url);
      }

页面展现：
QQ截图20131023152119.jpg
选中文件后自动上传：
QQ截图20131023152130.jpg
点击确定后调用“自定义的回调函数”：uploadTaxRegImgCallBack
这时文件上传后的url 就填充到页面的控件去了
QQ截图20131023152827.jpg

分享到：

jquery-hftable:将普通table转化为表头固 ... | JEECG-Online开发实例视频

2013-11-29 09:38
浏览 8988
评论(1)
分类:开源软件
查看更多

1 楼刘静涵 2013-12-26

好久没逛到你这里来了，这篇博文中QQ截图挂了。。。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

文件上传下载加密，解密，支持图片，压缩包等任何格式: 在标题和描述中提到的"文件上传下载加密，解密，支持图片，压缩包等任何格式"，这是一个关于如何确保文件在上传到服务器和从服务器下载到客户端的过程中保持安全的机制。这个机制涉及到的主要知识点包括文件加密技术...

jeecgUI标签文档: 这些标签分别用于实现不同的用户交互功能，如数据字典的下拉选择、弹出式选择框、自动补全输入提示、树形选择以及文件上传等功能。它们通常具备一些通用的参数和用法，例如指定回调函数、禁用状态或默认值等。 9. ...

避开10大常见坑：DeepSeekAPI集成中的错误处理与调试指南.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

前端分析-2023071100789: 前端分析-2023071100789

基于kinect的3D人体建模C++完整代码.cpp: 基于kinect的3D人体建模C++完整代码.cpp

搞机工具箱10.1.0.7z: 搞机工具箱10.1.0.7z

GRU+informer时间序列预测（Python完整源码和数据）: GRU+informer时间序列预测（Python完整源码和数据），python代码，pytorch架构,适合各种时间序列直接预测。适合小白，注释清楚，都能看懂。功能如下：代码基于数据集划分为训练集测试集。 1.多变量输入，单变量输出/可改多输出 2.多时间步预测，单时间步预测 3.评价指标：R方 RMSE MAE MAPE，对比图 4.数据从excel/csv文件中读取，直接替换即可。 5.结果保存到文本中，可以后续处理。代码带数据，注释清晰，直接一键运行即可，适合新手小白。

性价比革命：DeepSeekAPI成本仅为GPT-4的3%的技术揭秘.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

基于ANSYS LSDyna的DEM-SPH-FEM耦合模拟滑坡入水动态行为研究,基于ANSYS LSDyna的DEM-SPH-FEM耦合的滑坡入水模拟分析研究,基于ansys lsdyna的滑坡入水: 基于ANSYS LSDyna的DEM-SPH-FEM耦合模拟滑坡入水动态行为研究,基于ANSYS LSDyna的DEM-SPH-FEM耦合的滑坡入水模拟分析研究,基于ansys lsdyna的滑坡入水模拟dem-sph-fem耦合 ,基于ANSYS LSDyna; 滑坡入水模拟; DEM-SPH-FEM 耦合,基于DEM-SPH-FEM耦合的ANSYS LSDyna滑坡入水模拟

auto_gptq-0.6.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl: auto_gptq-0.6.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl

复件复件建设工程可行性研究合同[示范文本].doc: 复件复件建设工程可行性研究合同[示范文本].doc

13考试真题最近的t64.txt: 13考试真题最近的t64.txt

Microsoft Visual C++ 2005 SP1 Redistributable PackageX86: 好用我已经解决报错问题

嵌入式开发入门：用C语言点亮LED灯的全栈开发指南.pdf: # 踏入C语言的奇妙编程世界在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！

auto_gptq-0.4.2-cp38-cp38-win_amd64.whl: auto_gptq-0.4.2-cp38-cp38-win_amd64.whl

自动立体库设计方案.pptx: 自动立体库设计方案.pptx

手把手教你用C语言实现贪吃蛇游戏：从算法设计到图形渲染.pdf: # 踏入C语言的奇妙编程世界在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！

性能对决：DeepSeek-V3与ChatGPTAPI在数学推理场景的基准测试.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

从零到一：手把手教你用Python调用DeepSeekAPI的完整指南.pdf: 在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！

为什么你的switch总出bug？90%新手不知道的break语句隐藏规则.pdf: # 踏入C语言的奇妙编程世界在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论