首先是提交的方式,和表单一起提交,继承附件实体。
然后是多文件上传,样式冲突,各种各样的问题。
这里给一个比较通用的文件上传方案,还是基于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-lib上传
漏洞编码:HW21-0499 产品名字:JeecgBoot低代码平台 问题: JEECG系统存在SQL注入0day漏洞
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、...
实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例学JEECG编程实战JEECG程序开发-从实例...
jeecg-jeecg-masterjeecg-jeecg-master代码生成器
JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档JEECG 敏捷框架技术文档...
JEECG 开发文档系列 ——————JEECG Online表单对外接口v3.7
NULL 博文链接:https://annan211.iteye.com/blog/1879963
基于jeecg3.5ga,添加了对informix类型数据库支持、对动态数据源查询支持、对sql语句中查询变量的支持、对存储过程的查询支持
Webupload + springboot 大文件上传
jeecg 开发平台数据库 UI库 二次开发手册
jeecg-boot-master 开源版,非商业版,看清楚在下载,看清楚在下载,看清楚在下载,重要的事情说三遍
Jeecg-Boot的PPT讲解以及介绍,对于新手非常有用
jeecg导入excel 想学的速度了
JEECG 消息中间件使用文档
jeecgboot框架例子
JEECG的开发文档,里面包含JEECG JEasyPoi技术指南,JEECG Online表单对外接口v3.7,JEECG Online表单开发指南v3.7,JEECG UI标签文档v3.7,JEECG 开发入门环境搭建(Maven-eclipse)3.7,JEECG 开发指南v3.7,JEECG ...
jeecgboot(postgreSQL)