simditor上传图片php,Simditor图片上传
上篇文章(Simditor使用方法)只是簡單的默認配置,我們可自定義工具欄按鈕使其更豐富和實現上傳圖片功能
初始化編輯器
$(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?:?'這里輸入內容...',
toolbar?:?toolbar,??//工具欄
defaultImage?:?'simditor-2.0.1/images/image.png',?//編輯器插入圖片時使用的默認圖片
upload?:?{
url?:?'ImgUpload.action',?//文件上傳的接口地址
params:?null,?//鍵值對,指定文件上傳接口的額外參數,上傳的時候隨文件一起提交
fileKey:?'fileDataFileName',?//服務器端獲取文件數據的參數名
connectionCount:?3,
leaveConfirm:?'正在上傳文件'
}
});
})
upload默認為false,設置為true或者鍵值對就可以實現上傳圖片,界面是出來了,還需要進行后臺編碼(本例為Struts2)
實現功能之前需要修改一下simditor.js,我們可以對"本地圖片" 用chrome審查元素發現沒有name屬性
打開simditor.js找到
return
$input = $('').appendTo($uploadItem);這一行,
可以搜索accept="image/*"? 快速找到在input里加上name="fileData"
如下：return?_this.input?=?$('
+?'"?accept="image/*">').appendTo($uploadBtn);
同樣繼續搜索accept="image/*"? 下面還有一個,加上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對象
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())?{?//如果不存在?則創建
fileDir.mkdirs();
}
File?savefile;
savefile?=?new?File(saveRealFilePath?+?"/"?+?fileDataFileName);
try?{
FileUtils.copyFile(fileData,?savefile);
}?catch?(IOException?e)?{
err?=?"錯誤"+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;
}
}
源碼：下載
轉載自：http://blog.csdn.net/itmyhome1990/article/details/40374843
總結
以上是生活随笔為你收集整理的simditor上传图片php,Simditor图片上传的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 辛德瑞拉
- 下一篇： 优雅的PHP采集框架QueryList