php simditor 上传图片,关于simditor上传图片的问题
我們可自定義工具欄按鈕使simditor實(shí)現(xiàn)更豐富和實(shí)現(xiàn)上傳圖片功能
初始化編輯器
$(function(){
toolbar = [ 'title', 'bold', 'italic', 'underline', 'strikethrough',
'color', '|', 'ol', 'ul', 'blockquote', 'code', 'table', '|',
'link', 'image', 'hr', '|', 'indent', 'outdent' ];
var editor = new Simditor( {
textarea : $('#editor'),
placeholder : '這里輸入內(nèi)容...',
toolbar : toolbar, //工具欄
defaultImage : 'simditor-2.0.1/images/image.png', //編輯器插入圖片時(shí)使用的默認(rèn)圖片
upload : {
url : 'ImgUpload.action', //文件上傳的接口地址
params: null, //鍵值對(duì),指定文件上傳接口的額外參數(shù),上傳的時(shí)候隨文件一起提交
fileKey: 'fileDataFileName', //服務(wù)器端獲取文件數(shù)據(jù)的參數(shù)名
connectionCount: 3,
leaveConfirm: '正在上傳文件'
}
});
})
upload默認(rèn)為false,設(shè)置為true或者鍵值對(duì)就可以實(shí)現(xiàn)上傳圖片,界面是出來(lái)了,還需要進(jìn)行后臺(tái)編碼(本例為Struts2)
實(shí)現(xiàn)功能之前需要修改一下simditor.js,我們可以對(duì)"本地圖片" 用chrome審查元素發(fā)現(xiàn)沒(méi)有name屬性
打開(kāi)simditor.js找到
return $input = $('').appendTo($uploadItem);這一行,
可以搜索accept="image/*" 快速找到在input里加上 name="fileData"
如下：return _this.input = $('').appendTo($uploadBtn);
同樣繼續(xù)搜索accept="image/*" 下面還有一個(gè),加上name="fileData"
ImgUploadActionpublic class ImgUploadAction extends ActionSupport {
private static final long serialVersionUID = 1L;
private String err = "";
private String msg; //返回信息
private File fileData; //上傳文件
private String fileDataFileName; //文件名
public String imgUpload() {
//獲取response、request對(duì)象
ActionContext ac = ActionContext.getContext();
HttpServletResponse response = (HttpServletResponse) ac.get(ServletActionContext.HTTP_RESPONSE);
HttpServletRequest request = (HttpServletRequest) ac.get(ServletActionContext.HTTP_REQUEST);
response.setContentType("text/html;charset=gbk");
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e1) {
e1.printStackTrace();
}
String saveRealFilePath = ServletActionContext.getServletContext().getRealPath("/upload");
File fileDir = new File(saveRealFilePath);
if (!fileDir.exists()) { //如果不存在 則創(chuàng)建
fileDir.mkdirs();
}
File savefile;
savefile = new File(saveRealFilePath + "/" + fileDataFileName);
try {
FileUtils.copyFile(fileData, savefile);
} catch (IOException e) {
err = "錯(cuò)誤"+e.getMessage();
e.printStackTrace();
}
String file_Name = request.getContextPath() + "/upload/" + fileDataFileName;
msg = "{\"success\":\"" + true + "\",\"file_path\":\"" + file_Name + "\"}";
out.print(msg); //返回msg信息
return null;
}
public String getErr() {
return err;
}
public void setErr(String err) {
this.err = err;
}
public String getMsg() {
return msg;
}
public void setMsg(String msg) {
this.msg = msg;
}
public File getFileData() {
return fileData;
}
public void setFileData(File fileData) {
this.fileData = fileData;
}
public String getFileDataFileName() {
return fileDataFileName;
}
public void setFileDataFileName(String fileDataFileName) {
this.fileDataFileName = fileDataFileName;
}
}
相關(guān)文章：
本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請(qǐng)注明出處，感謝您的尊重！
總結(jié)
以上是生活随笔為你收集整理的php simditor 上传图片,关于simditor上传图片的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： windows归档命令_适用于Windo
- 下一篇： simditor 上传图片php,sim