`
j夫子
  • 浏览: 92551 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

JEECG 通用文件上传

 
阅读更多

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

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


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

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html >
  4. <html>
  5. <head>
  6. <t:base type="jquery,easyui,tools"></t:base>
  7. <script type="text/javascript">
  8.         function uploadSuccess(d,file,response){
  9.                 $("#fileUrl").val(d.attributes.url);
  10.                 $("#fileName").val(d.attributes.name);
  11.                 var url = $("#fileUrl").val();
  12.                 var html="";
  13.                 if(url.indexOf(".gif")!=-1 || 
  14.                                 url.indexOf(".jpg")!=-1        ||
  15.                                 url.indexOf(".png")!=-1 ||
  16.                                 url.indexOf(".bmp")!=-1){
  17.                         html += "<img src='"+url+"' width =400 height=300 />";
  18.                 }else{
  19.                         html += "<a href='"+url+"' target=_blank >下载:"+d.attributes.name+"</a>";
  20.                 }
  21.                 $("#fileShow").html(html);
  22.         }
  23.         function uploadCallback(callback){
  24.                 var url = $("#fileUrl").val();
  25.                 var name= $("#fileName").val();
  26.                 callback(url,name);
  27.                 
  28.         }
  29. </script>
  30. </head>
  31. <body style="overflow-y: hidden" scroll="no">
  32.   <table cellpadding="0" cellspacing="1" class="formtable">
  33.   <input id="documentTitle" type="hidden" name="documentTitle" value="blank"/>
  34.   <input id="fileUrl" type="hidden"/>
  35.   <input id="fileName" type="hidden"/>
  36.    <tbody>
  37.     <tr>
  38.      <td align="right">
  39.        <label class="Validform_label"></label>
  40.      </td>
  41.      <td class="value">
  42.       <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>
  43.      </td>
  44.     </tr>
  45.     <tr>
  46.      <td colspan="2" id="instructionfile" class="value">
  47.      </td>
  48.     </tr>
  49.    </tbody>
  50.   </table>
  51.    <div id="fileShow" >
  52.   </div>
  53. </body>
  54. </html>
复制代码

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

  1. function commonUpload(callback){
  2.          $.dialog({
  3.                         content: "url:systemController.do?commonUpload",
  4.                         lock : true,
  5.                         title:"文件上传",
  6.                         width:700,
  7.                         height: 400,
  8.                         parent:windowapi,
  9.                         cache:false,
  10.                     ok: function(){
  11.                             var iframe = this.iframe.contentWindow;
  12.                             iframe.uploadCallback(callback);
  13.                                 return true;
  14.                     },
  15.                     cancelVal: '关闭',
  16.                     cancel: function(){
  17.                     } 
  18.                 });
  19. }
复制代码

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

  1. /**
  2.          * 文件上传通用跳转
  3.          * 
  4.          * @param icon
  5.          * @param req
  6.          * @return
  7.          */
  8.         @RequestMapping(params = "commonUpload")
  9.         public ModelAndView commonUpload(HttpServletRequest req) {
  10.                 return new ModelAndView("system/upload/uploadView");
  11.         }
复制代码

这样就大功告成了!
使用时只需要:



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

分享到:
评论
1 楼 刘静涵 2013-12-26  
好久没逛到你这里来了,这篇博文中QQ截图挂了。。。 

相关推荐

    jeecg代码上传

    "Jeecg代码上传"指的是在Jeecg框架中进行代码的上传操作,这通常是为了实现代码的版本控制、协作开发或者部署到服务器。下面将详细介绍Jeecg平台以及代码上传的相关知识点。 一、Jeecg平台简介 Jeecg是一款开源的...

    jeecg-lib上传

    Jeecg-Lib上传指的是Jeecg开源框架的库文件上传功能。Jeecg是一款基于代码生成器的Java快速开发平台,它集成了多种技术,包括Spring Boot、MyBatis Plus、Ant Design Vue前端框架等,旨在提升企业级应用的开发效率。...

    JEECG 上传头像,图片并切割

    在JEECG中,可能会集成一个文件上传组件,例如Apache Commons FileUpload或Spring Boot的MultipartFile支持,来处理文件流,将文件保存到指定的服务器目录,并可能对文件类型、大小等进行限制。 接下来是图片切割,...

    JEECGBOOT代码SQL漏洞处理方案.zip

    提供的压缩包文件"JEECGBOOT代码SQL漏洞处理方案"应该包含了针对这个问题的详细修复步骤和指导。用户应当立即下载并按照其中的说明进行操作,以保护他们的系统免受SQL注入的威胁。同时,为了防止未来类似的问题,...

    jeecg动态报表修改文件

    本文将围绕"jeecg动态报表修改文件"这个主题,详细讲解基于Jeecg 3.5 GA版本进行的改进以及与之相关的知识点。 首先,Jeecg 3.5 GA版本在原有的基础上添加了对Informix类型数据库的支持。Informix是一款高性能、...

    jeecg导入Excel

    "Jeecg导入Excel"功能是Jeecg框架中的一个重要特性,允许用户通过上传Excel文件来批量导入数据到系统中,极大地提高了数据录入的效率。下面将详细介绍这一功能及其相关知识点。 1. **Excel导入原理**: Jeecg框架...

    JEECG 敏捷框架技术文档

    JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档...

    JEECG 3.5.2 版本ORACLE脚本

    ORACLE数据库导出文件用户名密码都是JEECG GraphReportController.java文件在\jeecg\src\org\jeecgframework\web\graphreport\controller目录下面,graphreportlist.ftl文件在\jeecg\src\org\jeecgframework\web\...

    jeecg文档.zip

    文档包括: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、...

    fileUploadDemo-master_大文件上传_springboot_断点续传_

    在IT行业中,大文件上传和断点续传是常见的需求,尤其是在处理用户生成内容或大数据交换的场景。本文将深入探讨如何使用Webupload与SpringBoot框架实现大文件上传及断点续传功能。 首先,SpringBoot是Java领域的一...

    jeecg-boot-master.zip

    "jeecg-boot-master.zip" 是一个压缩包文件,它包含了一个名为 "jeecg-boot-master" 的项目源代码。这个项目的版本可能是 "4.1.13 sub",这通常意味着它是Jeecg-Boot框架的一个特定版本,Jeecg-Boot是一个基于Java的...

    JEECG 权限开发手册V3.7

    ### JEECG 权限开发手册V3.7 关键知识点概述 #### 一、菜单访问权限 **1.1 角色管理** - **定义与作用**:角色管理是JEECG权限管理系统中的核心部分之一,用于定义不同角色及其对应的权限集。每个角色可以被赋予一...

    JEECG切换数据库方法

    2. `jeecg_database.properties` 文件,同样位于 `src/main/resources/jeecg` 目录下,这个配置文件主要被代码生成器使用,用于控制代码生成时的数据库连接配置。当需要改变生成代码的数据库环境时,也需要修改此...

    jeecg-jeecg-boot-master

    在下载的文件列表中,有两个压缩包文件:`jeecg-boot-master.zip` 和 `jeecg-boot-master (1).zip`,这可能是项目的不同版本或者备份。解压后,开发者可以按照官方文档或者README文件的指示进行项目初始化、构建和...

    实战JEECG程序开发-从实例学JEECG编程

    实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例...

    jeecg.rar_jeecg

    《Jeecg 开发平台深度解析与应用指南》 Jeecg是一款强大的企业级开发平台,它集成了众多优秀的设计理念和技术,旨在提高开发效率,降低项目开发成本。本篇文章将深入探讨Jeecg的核心特性、数据库设计、UI库以及二次...

    jeecg-jeecg-master

    jeecg-jeecg-masterjeecg-jeecg-master代码生成器

    Jeecg集成activiti.docx

    6. 配置文件修改:需要修改spring数据源连接的相关文件,添加activiti和mybatis相关的配置文件到Jeecg平台上。 7. 视图层配置:需要在spring视图配置文件中添加activiti视图层的拦截,以便正常使用activiti项目。 ...

    JEECG Online表单对外接口v3.7

    ### JEECG微云快速开发平台简介 JEECG(JavaEE Code Generate)是一个基于代码生成器的智能开发平台,它提供了可视化的在线表单设计与管理功能,并支持表单的对外接口,方便其他系统或应用程序进行调用和集成。JEECG...

    jeecg Excel通过模板导出

    "Jeecg Excel通过模板导出"是一种高效且便捷的方法,它允许开发者利用预先设计好的Excel模板来快速生成符合特定格式的Excel文件,而无需手动设置每个单元格的样式。这种方法大大提高了开发效率,减少了重复工作,...

Global site tag (gtag.js) - Google Analytics