利用ajax上传文件到服务器（服务端用的是Struts2）1.

最新推荐文章于 2021-08-06 15:18:50 发布

有关于你_XL

最新推荐文章于 2021-08-06 15:18:50 发布

阅读量1.2k

点赞数

分类专栏： Struts2学习笔记文章标签： struts2.0 ajax

本文链接：https://blog.csdn.net/u012685794/article/details/51397738

版权

Struts2学习笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.html代码

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入相关的js文件，相对路径  -->
<script src="jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="jquery/ajaxfileupload.js"></script>
</head>
<script>
	jQuery(function() {
		$("#button").click(function() {
			//得到上传文件的名称
			var fileName = $("#fileToUpload").val().split("\\").pop();
			$.ajaxFileUpload({
				url : "api/uploadFile",//处理上传文件url
				secureuri : false,
				data : {
					name : encodeURI(fileName),//后台接收到的文件名乱码,用URL编码防止乱码，后台用URLDecoder解码
					description : "这是文件描述" //这个也应该用url编码
				},
				fileElementId : "fileToUpload",//file控件id
				dataType : "json",
				success : function(data) {
					alert(data);
				},
				error : function(data) {
					alert(data);
				}
			});
			return false;
		});
	});
</script>
<body>
	<input id="fileToUpload" type="file" name="fileToUpload" class="input">
	<button id="button">上传</button>
</body>
</html>

2.服务端代码（Action代码）

import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.net.URLDecoder;
import java.util.HashMap;
import java.util.Map;

import org.apache.struts2.interceptor.RequestAware;

import com.opensymphony.xwork2.ActionSupport;

public class ApiAction extends ActionSupport implements RequestAware{
	private static final long serialVersionUID = -5679214991812521127L;
	
	private Map<String, Object> request;
	private File fileToUpload;
	private String name;
	private String description;
	public Map<String, Object> responseJson = new HashMap<String, Object>();

	public String handleFile(){
		try {
			//解决传递过来的文件名乱码问题
			String fileName = URLDecoder.decode(name, "UTF-8");  
			FileInputStream inputStream = new FileInputStream(fileToUpload);
	        FileOutputStream outputStream = new FileOutputStream("D:/data/" + fileName);
	        byte[] buf = new byte[1024];
	        int length = 0;
	        while ((length = inputStream.read(buf)) != -1) {
	            outputStream.write(buf, 0, length);
	        }
	        inputStream.close();
	        outputStream.flush();
	        outputStream.close();
	        System.out.println("保存成功。name="+fileName+",description="+description);
	        responseJson.put("msg", "保存成功。name="+fileName+",description="+description);
		} catch (Exception e) {
			e.printStackTrace();
		}
		return SUCCESS;
	}
	@Override
	public void setRequest(Map<String, Object> request) {
		this.request = request;
	}
	public File getFileToUpload() {
		return fileToUpload;
	}
	public void setFileToUpload(File fileToUpload) {
		this.fileToUpload = fileToUpload;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getDescription() {
		return description;
	}
	public void setDescription(String description) {
		this.description = description;
	}

	public Map<String, Object> getResponseJson() {
		return responseJson;
	}

	public void setResponseJson(Map<String, Object> responseJson) {
		this.responseJson = responseJson;
	}
}

3.Struts2配置

返回的是json格式。

 <package name="api" namespace="/api" extends="json-default">
        
        <action name="uploadFile" class="com.alisa.action.ApiAction" method="handleFile">
        	<result name="success" type="json">
        		<param name="root">responseJson</param>
        	</result>
        </action>
    </package>

有关于你_XL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用ajax上传文件到服务器（服务端用的是Struts2）1.

1.html代码 jQuery(function() { $("#button").click(function() { //得到上传文件的名称 var fileName = $("#fileToUpload").val().split("\\").pop(); $.ajaxFileUpload({ url : "api/uploadFile"
复制链接

扫一扫