做公司網站的時候由於需要在內容屬性中加入圖片,所以就有了這個問題,本來一開始找幾篇文章看都是講修改kindeditor/jsp/file_manager_json.jsp和upload_json.jsp,可我改了半天地址,還是沒改對,所以想到另一個方法,因為upload_json.jsp的主要功能就 ...
做公司網站的時候由於需要在內容屬性中加入圖片,所以就有了這個問題,本來一開始找幾篇文章看都是講修改kindeditor/jsp/file_manager_json.jsp和upload_json.jsp,可我改了半天地址,還是沒改對,所以想到另一個方法,因為upload_json.jsp的主要功能就是上傳圖片唄,用的是java語言,在jsp中代碼都用<%%>包起來了,所以我直接頁面中上傳功能那裡直接去找的action裡面的方法,然後用java去寫,內容是在網上找的一個寫好的,不過介紹的不好,我這裡在幾個重點位置上講一下,根據各位的項目不同,對應該一下就可以了。
首先說一下我的kindeditor放在項目的webroot下,位置就是這樣,
然後就是在要放kindeditor文本編輯器的頁面,name="content" 就是文本的name。
裡面abc!upload是我的abc!action的方法upload,裡面是上傳的代碼,
package action;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Arrays;
import java.util.Date;
import java.util.HashMap;
import java.util.Random;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.log4j.Logger;
import org.apache.struts2.ServletActionContext;
import org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper;
import org.json.JSONException;
import org.json.JSONObject;
import com.opensymphony.xwork2.ActionSupport;
/**
* kindeditor 圖片上傳類(單個圖片上傳)
* @author lijinlong
*
*/
public class abcaction extends ActionSupport {
private static final long serialVersionUID = -5324165857715375773L;
private Logger log = Logger.getLogger(this.getClass());
private String imgPath="C:/Program Files/Apache Software Foundation/Tomcat 7.0/webapps/foodweb/attached";//存儲路徑, 絕對路徑
// private String imgPath="F:/Users/03/AppData/Local/MyEclipse/作品/.metadata/.me_tcat/webapps/foodweb/attached";
private String imgUrl="";//顯示url, 相對路徑
private String ip;
private String port;
private String context;
public String upload() throws FileUploadException, IOException, JSONException{
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
PrintWriter out = response.getWriter();
String savePath = imgPath + "/";
File test = new File(savePath);
if(!test.exists()){
test.mkdirs();
}
//文件保存目錄URL
String saveUrl = imgUrl + "/";
//定義允許上傳的文件擴展名
HashMap<String, String> extMap = new HashMap<String, String>();
extMap.put("image", "gif,jpg,jpeg,png,bmp");
// extMap.put("flash", "swf,flv");
// extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");
// extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");
//最大文件大小
// long maxSize = 1000000;
response.setContentType("text/html; charset=UTF-8");
if(!ServletFileUpload.isMultipartContent(request)){
out.print(getError("請選擇文件。"));
return "err";
}
//檢查目錄
File uploadDir = new File(savePath);
if(!uploadDir.isDirectory()){
out.print(getError("上傳目錄不存在。"));
return "err";
}
//檢查目錄寫許可權
if(!uploadDir.canWrite()){
out.print(getError("上傳目錄沒有寫許可權。"));
return "err";
}
String dirName = request.getParameter("dir");
if (dirName == null) {
dirName = "image";
}
if(!extMap.containsKey(dirName)){
out.print(getError("目錄名不正確。"));
return "err";
}
//創建文件夾
savePath += dirName + "/";
saveUrl += dirName + "/";
File saveDirFile = new File(savePath);
if (!saveDirFile.exists()) {
saveDirFile.mkdirs();
}
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
String ymd = sdf.format(new Date());
savePath += ymd + "/";
saveUrl += ymd + "/";
File dirFile = new File(savePath);
if (!dirFile.exists()) {
dirFile.mkdirs();
}
MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper)request;
String fileName = wrapper.getFileNames("imgFile")[0];
File file = wrapper.getFiles("imgFile")[0];
String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){
out.print(getError("上傳文件擴展名是不允許的擴展名。\n只允許" + extMap.get(dirName) + "格式。"));
}
SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;
saveUrl += newFileName;
FileOutputStream fos = new FileOutputStream(savePath + newFileName);
byte[] buffer = new byte[1024];
InputStream in = new FileInputStream(file);
try {
int num = 0;
while ((num = in.read(buffer)) > 0) {
fos.write(buffer, 0, num);
}
} catch (Exception e) {
e.printStackTrace(System.err);
} finally {
try{
if(in != null)
in.close();
if(fos != null)
fos.close();
}catch(IOException e){}
}
JSONObject obj = new JSONObject();
obj.put("error", 0);
obj.put("url", "http://"+this.getIp() + ":" + this.getPort()+saveUrl);
obj.put("url", "http://www.foodweb.com.cn/attached/"+saveUrl);
out.print(obj.toString());
return null;
}
private String getError(String message) throws JSONException {
JSONObject obj = new JSONObject();
obj.put("error", 1);
obj.put("message", message);
return obj.toString();
}
public String getImgPath() {
return imgPath;
}
public void setImgPath(String imgPath) {
this.imgPath = imgPath;
}
public String getIp() {
return ip;
}
public void setIp(String ip) {
this.ip = ip;
}
public String getPort() {
return port;
}
public void setPort(String port) {
this.port = port;
}
public String getContext() {
return context;
}
public void setContext(String context) {
this.context = context;
}
public String getImgUrl() {
return imgUrl;
}
public void setImgUrl(String imgUrl) {
this.imgUrl = imgUrl;
}
}
以下是幾個重點要設置的方面:
1.imgpath=""裡面的內容是存儲的路徑,就是東西存到哪裡,這是伺服器的位置,在myeclipse就是Tomcat中的位置,foodweb是我的項目名字,attached是放在項目webroot下的文件,用來存儲照片的,另外還有點註意,就是註意斜杠的方向,這個是/,而從電腦上複製的地址是\,這個路徑沒什麼提醒的了。
2.imgurl=“”裡面的內容是相對路徑,我測試過,裡面就空著就行,跟上面的代碼一樣不用管。
3.代碼的151行那塊,有段這個 obj.put("url", "http://www.foodweb.com.cn/attached/"+saveUrl); 代碼,這個前面不用改,改後面的值就好,http://www.foodweb.com.cn/attached/,這是伺服器的地址,前面的www.foodweb.com.cn是網址,後面的attached是項目中webroot下的文件。
然後大致就是這些了,如果各位有什麼問題指出,可以評論,我每天上線可以看見,可以交流一下,最後註意斜杠什麼的都別落下就好。