bootstrap 图片上传实例

引入的包:


import java.io.File;
import java.util.Iterator;
import java.util.UUID;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.io.FileUtils;
import org.apache.struts2.ServletActionContext;

import com.gzzs.util.service.HandlerPath;
import com.opensymphony.xwork2.ActionSupport;



html:

<div style="margin-top: 10px; margin-left: 180px">
	<input id="specialrecommendfile" type="file" size="30"
	name="file">
	<button type="button" onclick="UploadSpecialRecommendPic()"
	class="btn btn-warning btn-lg">上传</button>
	<input type=hidden class="span5" id="specialRecommendPic"
	name="riIndexPic">
</div>

js:

function UploadSpecialRecommendPic() {
	$.ajaxFileUpload({
		url : '/GZZSServer/s_util/uploadSpecialRecommendPic.action',
		secureuri : false,
		fileElementId : 'specialrecommendfile',
		dataType : 'json',
		success : function(d, status) {
			var data = eval('(' + d + ')');
			alert(data.msg);
			if (data.flag == 1) {
				$("#SpecialTopicPicShow").attr("src", data.path);
				$("#specialRecommendPic").val(data.picName);
			}
		},
		error : function(data, status, e) {
			alert(e);
		}
	});
}

action:

public String uploadSpecialRecommendPic() {
		try {
			String path;
			path = "C://";
			FileUtils.copyFile(file, new File(path));
			result = "{flag:\"1\",msg:\"操作成功\",path:\""
					+ HandlerPath.getHostSimulateAuthorLogoPath()
					+ fileFileName + "\",picName:\"" + fileFileName + "\"}";
			return SUCCESS;
		} catch (Exception e) {
			e.printStackTrace();
			result = "{flag:\"0\",msg:\"操作失败\"}";
			return SUCCESS;
		}
}

实例图片:


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。