Ext.ux.UploadDialog 整合 Struts2 實現多文件上傳

原創

2020-06-23 06:34

package org.cxg.action; import java.io.File; import java.io.IOException; import java.util.Random; import javax.servlet.http.HttpServletResponse; import org.apache.commons.io.FileUtils; import org.apache.struts2.ServletActionContext; import com.opensymphony.xwork2.ActionSupport; public class UploadAction extends ActionSupport{ private File[] file; private String[] fileFileName; @Override public String execute() throws Exception{ HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=GBK"); response.setCharacterEncoding("GBK"); String path = ServletActionContext.getServletContext().getRealPath("/"); System.out.println(path); for(int i = 0 ; i < file.length ; i++){ File io = new File(path,fileFileName[i]); try { FileUtils.copyFile(file[i], io); //上傳成功 response.getWriter().print("{'success':true,'message':'上傳成功'}"); } catch (Exception e) { //上傳失敗 response.getWriter().print("{'success':true,'message':'上傳失敗'}"); e.printStackTrace(); } } return null; } public File[] getFile() { return file; } public void setFile(File[] file) { this.file = file; } public String[] getFileFileName() { return fileFileName; } public void setFileFileName(String[] fileFileName) { this.fileFileName = fileFileName; } }

Action中用來接受文件並保存到服務器

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title></title> <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" mce_href="ext/resources/css/ext-all.css" /> <link rel="stylesheet" type="text/css" href="ext/css/Ext.ux.UploadDialog.css" mce_href="ext/css/Ext.ux.UploadDialog.css" /> <mce:script type="text/javascript" src="ext/adapter/ext/ext-base.js" mce_src="ext/adapter/ext/ext-base.js"></mce:script> <mce:script type="text/javascript" src="ext/ext-all.js" mce_src="ext/ext-all.js"></mce:script> <mce:script type="text/javascript" src="ext/Ext.ux.UploadDialog.js" mce_src="ext/Ext.ux.UploadDialog.js"></mce:script> <mce:script type="text/javascript" src="ext/Ext.ux.UploadDialog.packed.js" mce_src="ext/Ext.ux.UploadDialog.packed.js"></mce:script>  <mce:script type="text/javascript"></mce:script> </head> <body> <a href="#" mce_href="#" οnclick="image();">圖片上傳</a> </body> </html>

Html頁面中顯示Extjs上傳對話框

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

Ext.ux.UploadDialog 整合 Struts2 實現多文件上傳

JS 動態創建刪除Input 表單

使用JDBC插入多數據測試的3種實現方法

Ext.ux.UploadDialog 整合 Struts2 實現多文件上傳

怎麼讓文本框默認輸入法爲英文

Spring MVC 中的 MultiActionController 用法詳解

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結