首先是提交的方式,和表单一起提交,继承附件实体。
然后是多文件上传,样式冲突,各种各样的问题。
这里给一个比较通用的文件上传方案,还是基于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");
- }
复制代码
这样就大功告成了!
使用时只需要:
function uploadTaxRegImgCallBack(url,name){
$("#taxRegImgView").attr('src',url);
$("#taxRegImg").val(url);
}
页面展现:
选中文件后自动上传:
点击确定后调用“自定义的回调函数”:uploadTaxRegImgCallBack
这时文件上传后的url 就填充到页面的控件去了
分享到:
相关推荐
"Jeecg代码上传"指的是在Jeecg框架中进行代码的上传操作,这通常是为了实现代码的版本控制、协作开发或者部署到服务器。下面将详细介绍Jeecg平台以及代码上传的相关知识点。 一、Jeecg平台简介 Jeecg是一款开源的...
Jeecg-Lib上传指的是Jeecg开源框架的库文件上传功能。Jeecg是一款基于代码生成器的Java快速开发平台,它集成了多种技术,包括Spring Boot、MyBatis Plus、Ant Design Vue前端框架等,旨在提升企业级应用的开发效率。...
在JEECG中,可能会集成一个文件上传组件,例如Apache Commons FileUpload或Spring Boot的MultipartFile支持,来处理文件流,将文件保存到指定的服务器目录,并可能对文件类型、大小等进行限制。 接下来是图片切割,...
提供的压缩包文件"JEECGBOOT代码SQL漏洞处理方案"应该包含了针对这个问题的详细修复步骤和指导。用户应当立即下载并按照其中的说明进行操作,以保护他们的系统免受SQL注入的威胁。同时,为了防止未来类似的问题,...
本文将围绕"jeecg动态报表修改文件"这个主题,详细讲解基于Jeecg 3.5 GA版本进行的改进以及与之相关的知识点。 首先,Jeecg 3.5 GA版本在原有的基础上添加了对Informix类型数据库的支持。Informix是一款高性能、...
"Jeecg导入Excel"功能是Jeecg框架中的一个重要特性,允许用户通过上传Excel文件来批量导入数据到系统中,极大地提高了数据录入的效率。下面将详细介绍这一功能及其相关知识点。 1. **Excel导入原理**: Jeecg框架...
JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档...
ORACLE数据库导出文件用户名密码都是JEECG GraphReportController.java文件在\jeecg\src\org\jeecgframework\web\graphreport\controller目录下面,graphreportlist.ftl文件在\jeecg\src\org\jeecgframework\web\...
文档包括:JEECG 权限开发手册、jeecg_v3.7表结构说明、JEECG 开发指南v3.7、JEECG 开发入门环境搭建(Maven-eclipse)3.7、JEECG UI标签文档v3.7.1、JEECG Online表单开发指南v3.7、JEECG Online表单对外接口v3.7、...
在IT行业中,大文件上传和断点续传是常见的需求,尤其是在处理用户生成内容或大数据交换的场景。本文将深入探讨如何使用Webupload与SpringBoot框架实现大文件上传及断点续传功能。 首先,SpringBoot是Java领域的一...
"jeecg-boot-master.zip" 是一个压缩包文件,它包含了一个名为 "jeecg-boot-master" 的项目源代码。这个项目的版本可能是 "4.1.13 sub",这通常意味着它是Jeecg-Boot框架的一个特定版本,Jeecg-Boot是一个基于Java的...
### JEECG 权限开发手册V3.7 关键知识点概述 #### 一、菜单访问权限 **1.1 角色管理** - **定义与作用**:角色管理是JEECG权限管理系统中的核心部分之一,用于定义不同角色及其对应的权限集。每个角色可以被赋予一...
2. `jeecg_database.properties` 文件,同样位于 `src/main/resources/jeecg` 目录下,这个配置文件主要被代码生成器使用,用于控制代码生成时的数据库连接配置。当需要改变生成代码的数据库环境时,也需要修改此...
在下载的文件列表中,有两个压缩包文件:`jeecg-boot-master.zip` 和 `jeecg-boot-master (1).zip`,这可能是项目的不同版本或者备份。解压后,开发者可以按照官方文档或者README文件的指示进行项目初始化、构建和...
实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例...
《Jeecg 开发平台深度解析与应用指南》 Jeecg是一款强大的企业级开发平台,它集成了众多优秀的设计理念和技术,旨在提高开发效率,降低项目开发成本。本篇文章将深入探讨Jeecg的核心特性、数据库设计、UI库以及二次...
jeecg-jeecg-masterjeecg-jeecg-master代码生成器
6. 配置文件修改:需要修改spring数据源连接的相关文件,添加activiti和mybatis相关的配置文件到Jeecg平台上。 7. 视图层配置:需要在spring视图配置文件中添加activiti视图层的拦截,以便正常使用activiti项目。 ...
### JEECG微云快速开发平台简介 JEECG(JavaEE Code Generate)是一个基于代码生成器的智能开发平台,它提供了可视化的在线表单设计与管理功能,并支持表单的对外接口,方便其他系统或应用程序进行调用和集成。JEECG...
"Jeecg Excel通过模板导出"是一种高效且便捷的方法,它允许开发者利用预先设计好的Excel模板来快速生成符合特定格式的Excel文件,而无需手动设置每个单元格的样式。这种方法大大提高了开发效率,减少了重复工作,...