bootstrap 圖片上傳執行個體

標籤：bootstrap   圖片   執行個體   js   function   

引入的包:

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;}}

執行個體圖片:

bootstrap 圖片上傳執行個體