Simditor?/?Simditor?Git

一、關于配置之類的網上很多了，我就不贅述了

二、我的配置Simditor

1、在界面中配置Simditor

function initEditor() {var editor = new Simditor({textarea: $('#editor'),// [ 'bold','italic','underline','strikethrough','fontScale','color','ol','ul' ,'blockquote','code' ,'table','link','image','hr','indent','outdent','alignment'],toolbar: ['bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color', '|', 'ol', 'ul', 'blockquote', 'code', 'link', 'image', 'hr', 'alignment', 'indent', 'outdent', 'alignment'],toolbarFloat: true,upload: {url: 'url', //文件上傳的接口地址 params: null, //鍵值對,指定文件上傳接口的額外參數,上傳的時候隨文件一起提交fileKey: 'fileDataFileName', //服務器端獲取文件數據的參數名connectionCount: 3,leaveConfirm: '正在上傳文件'}}); }

2、我們打開Simditor.js 然后 根據appendTo($uploadBtn);或者uploadImage 這個來找到如下代碼

return _this.input = $('<input/>', {type: 'file',title: _this._t('uploadImage'),multiple: true,name:'fileData',accept: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'}).appendTo($uploadBtn);name:'fileData',accept: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'}).appendTo($uploadBtn);

注意：我是用??uploadImage? 搜索的，出現這樣代碼的都添加入標紅色的代碼，這個是為了給后臺拿到文件數據

?

2、完成上面的就基本完成界面上的配置了，下面就看后臺吧

（1）、Strust 接口配置

<action name="img" class="UploadAction" method="imgUpload"><interceptor-ref name="defaultStack"/><interceptor-ref name="fileUpload"><param name="allowedTypes">image/jpeg,image/jpg,image/gif</param></interceptor-ref><result name="success" type="json"><param name="root">msg</param></result> </action>

（2）、接口文件 （下面diamante是參照網上大神的代碼搞得，忘記看誰的了，借用借用）

import java.io.File; import java.io.IOException; import java.io.PrintWriter; import java.util.HashMap; import java.util.Map; import java.util.UUID;import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;import org.apache.commons.io.FileUtils; import org.apache.struts2.ServletActionContext;import com.opensymphony.xwork2.ActionContext; import com.wulias.base.BaseAction; import com.wulias.base.BaseDAO;public class UploadAction extends BaseAction{private static final long serialVersionUID = 1L;private String err = ""; private File fileData; //上傳文件 private String fileDataFileName; //文件名 public String imgUpload() throws Exception{ //獲取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"); System.out.println(saveRealFilePath);System.out.println(fileDataFileName);System.out.println(fileData==null);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 + "\"}"; return SUCCESS_STRING; }public String getErr() {return err;}public void setErr(String err) {this.err = err;}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;}public static long getSerialversionuid() {return serialVersionUID;} }

注意：BaseAction就是封裝一些通用的字符串和屬性 比如 msg 記得get\set

好了，只要你項目沒問題的話一般都能上傳圖片了的

?

總結

以上是生活随笔為你收集整理的Simditor + Strust 上传图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。