操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

項目源代碼及相關jar包：

一、搭建環境

因為現在主要討論ajax異步上傳圖片到圖片服務器，所以配置環境就簡略介紹一下了，更具體步驟可以或者直接從鏈接下載源碼。如果不做修改直接運行源碼時需要注意，該源碼已經鏈接數據庫了，所以在配置文件中需要修改jdbc.修改數據庫鏈接參數。否則無法啟動。

配置web.xml

	back
	
		contextConfigLocation
		classpath:application-context.xml
	
	
	
		org.springframework.web.context.ContextLoaderListener
	
	
	
		encoding
		org.springframework.web.filter.CharacterEncodingFilter
		
			encoding
			UTF-8
		
	
	
		encoding
		*.do
	

	
		encoding
		*.shtml
	
	
	
		front
		org.springframework.web.servlet.DispatcherServlet
		
			contextConfigLocation
			classpath:springmvc-front.xml
		
	
	
		front
		*.shtml
	
	
	
		back
		org.springframework.web.servlet.DispatcherServlet
		
			contextConfigLocation
			classpath:springmvc-back.xml
		
	
	
		back
		*.do
	
	

		index.html
		index.htm
		index.jsp
	

配置pom.xml

文件地址：

配置-back.xml

二、配置XML使可以上傳圖片

在-back.xml文件中添加：

三、編寫接收文件的

package cn.smallbug.core.controller;
import java.io.IOException;
import java.util.UUID;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.io.FilenameUtils;
import org.json.JSONObject;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import com.sun.jersey.api.client.Client;
import com.sun.jersey.api.client.WebResource;
@Controller
public class UploadImage {
	@RequestMapping(value = "/upload/uploadImage.do")
	public void uploadImage(@RequestParam(required = false) MultipartFile pic, HttpServletResponse response) {
		String ext = FilenameUtils.getExtension(pic.getOriginalFilename());
		String uuid = UUID.randomUUID().toString();
		String newFileName = uuid + "." + ext;
		// 實例化jersey
		Client client = new Client();// --->
		// 另一臺服務器的請求路徑
		String url = "http://192.168.88.131:8080/back/upload/" + newFileName;

		// 設置請求路徑
		WebResource resource = client.resource(url);
		// 發送
		try {
			resource.put(String.class, pic.getBytes());
		} catch (IOException e) {
			throw new RuntimeException(e);
		}
		// 將url格式化成json串
		JSONObject jo = new JSONObject();
		jo.put("url", url);
		// 發送
		try {
			response.setContentType("application/json;charset=UTF-8");
			// response.setContentType("text/xml;charset=UTF-8");
			// response.setContentType("text/plain;charset=UTF-8");
			response.getWriter().write(jo.toString());
		} catch (IOException e) {
			throw new RuntimeException(e);
		}
	}
}

四、導入js庫，編寫jsp

上傳文件需要用到.js和到.form.js

編寫表單和圖片顯示域：

當選擇圖片之后會觸發()函數，開始上傳圖片：

function uploadPic() {
		//定義參數
		var options = {
			url : "${pageContext.request.contextPath }/upload/uploadImage.do",
			dataType : "json",
			type : "post",
			//上傳成功后回調函數
			success : function(data) {
				var img = $("");
				img.attr("src",data.url);
				$("#20160202852").append(img);
			}
		};
		//jquery.form使用方式
		$("#sentImage").ajaxSubmit(options);
	}

五、設置，建立圖片服務器。

打開${}/conf文件夾下的web.xml找到下圖中相應位置jsp上傳圖片到服務器，添加紅框中的代碼：

因為這個back項目建了一個文件夾，所以可以將本項目直接發布到圖片服務器上做接收用，如果害怕加載相關jar文件，無端燒內存的話，可以建一個新的web項目，然后在跟目錄上建一個文件夾，以次來接收圖片也可以。我搭建的時候是在虛擬機里另開了一臺作為服務器的，如果要在本機直接運行兩個的話，記得一定要改.xml中的三個端口。

六、運行

首先啟動兩個服務器，然后訪問web服務器，選擇圖片jsp上傳圖片到服務器，然后就能看到圖片直接在圖片域顯示出來了。并且查看地址，會發現是圖片服務器的地址。

項目源代碼及相關jar包：