1. 程式人生 > >百度富文字編輯器上傳圖片到oss的步驟

百度富文字編輯器上傳圖片到oss的步驟

中文加密解密的js下載連結:https://download.csdn.net/download/rosener/10376216

配置config.js

配置controller.jsp


lib裡面自帶的jar包新增到專案中,

在oss上傳的controller中新增方法:

/**
* 會員上傳

* @param params
* @return
*/
@RequestMapping("/fuwenbenImg")
public Map<String, String> fuwenbenImg(HttpServletRequest request,
HttpServletResponse response) {
Map<String, String> msg = new HashMap<String, String>();
// "image/2014/2.jpg" srcAddress格式
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
// 獲得檔案:
MultipartFile file = multipartRequest.getFile("upfile");
if (file != null) {
OSSClient ossClient = new OSSClient(ENDPOINT + DOMAIN, ACCESSKEYID,
ACCESSKEYSECRET);
try {
// 上傳檔案


PutObjectResult p = ossClient.putObject(MEMBERBUCKET,
file.getOriginalFilename(), file.getInputStream());
if (p != null) {
msg.put("state", "SUCCESS");
msg.put("url", ENDPOINTS + ADDRESS + "/" + file.getOriginalFilename());


ossClient.shutdown();
return msg;
}
msg.put("type", "3");
msg.put("msg", "上傳失敗!");
ossClient.shutdown();
return msg;
} catch (Exception e) {
e.printStackTrace();
msg.put("type", "4");
msg.put("msg", "程式異常!");
ossClient.shutdown();
return msg;
}
} else {
msg.put("type", "2");
msg.put("msg", "srcAddress或者media存在空值!");
return msg;
}

}

在js介面引入


js中的寫法:



這塊要說的是資料庫中varchar型別的只能儲存2萬多位元組,可以改成longText,就可以儲存進去了


進行解密操作

相關推薦

文字編輯圖片oss步驟

中文加密解密的js下載連結:https://download.csdn.net/download/rosener/10376216配置config.js配置controller.jsp將lib裡面自帶的jar包新增到專案中,在oss上傳的controller中新增方法:/**

ssm+maven專案中加入“文字編輯”,實現圖片

1.在UEditor官方下載編輯器。2.解壓壓縮檔案到資料夾,因為預設的資料夾名字過長,建議重新命名一下資料夾名,我這裡命名為ueditor資料夾中對應的目錄為3.將整個資料夾copy到專案webapp目錄下,(我這裡用的是IDEA,不知道什麼原因直接往IDEA開啟的專案裡拷

Ueditor文字編輯圖片

      <script type="text/javascript">            window.UEDITOR_HOME_URL = '/resource/ueditor';                     UE.Editor.prototype._bkGetActionU

使用editor 文字編輯圖片

在jsp 檔案中 <img src="F:/upload/image/test.jpg"/> 這樣是引不到圖片的。因為,JSP頁面在引圖片的時候是 在頁面解析的路徑是:<img src="http://localhost:8080/upload/images/test.jpg">。也就

ckeditor文字編輯圖片的具體步驟

ckeditor相關配置和應用可以參考:https://blog.csdn.net/sayoko06/article/details/81450441   第一步:引入ckeditor的js <td> <textarea name="descripti

利用ueditor文字編輯圖片解決跨域問題

          百度ueditor富文字編輯器單張圖片上傳有固有缺陷,那就是不支援跨域配置,下圖是UEditor官網說明。        但是我們在實際開發中,前後臺分離,跨域上傳圖片是很平常的,那麼怎麼解決跨域問題呢?答案是通過nginx配置域名來解決。      

ssh 使用 wangeditor3 文字編輯圖片方法

這段時間在搞一個小網站的專案,其中有個功能是可以網頁上編輯文字和圖片,能一起上傳到資料庫然後在頁面上展現,當然還可以上傳附件,不過我現在還沒弄好,先把上傳圖片的功能記錄一下。 說到這個wangeditor3富文字編輯器,只能說自己才疏學淺被搞得頭暈,花了將近三

ckeditor文字編輯圖片+html編輯+strtus

效果圖:1需要的檔案(ckeditor.js;config.js):點選開啟連結2.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

vue 整合ueditor(文字編輯)以及使用後端Java圖片到伺服器,特別注意的大坑

    1.import 引入ueditor時,在封裝元件中引入,不要在mian.js內引入,在main.js內引入會造成 1.Uncaught SyntaxError: Unexpected token : 這種錯誤,屬於是跨域問題,目前不清楚是什麼原因和原理,

文字編輯UEditor的使用和他的圖片

最近在做一個新聞釋出系統的小專案,需要用到富文字編輯器這個東東,於是上網搜了下,白活兩天給白活出來了,接下來談談我對百度富文字編輯器的使用心得: 要想使用這個富文字編輯器,首先呢得從百度官網上下載,文章最後我會貼出來資源的連結,大家可以直接下載哈~ 下載完成之後呢,解壓,目

文字編輯(ueditor)自定義介面(路徑)

只針對 1.4.3 jsp 版本其他版本估計也差不多,剛開始上傳圖片各種錯誤,又是配路徑又是導jar包啥的,這都不說了,作為一個前端真的不太會玩這些java的東西,剛好同事搞過,把他的搬來用,他的版本很低1.3.6,高了半天上傳上去是自定義的一個資料夾,就存在t

解決文字編輯無法視訊的問題

本文轉自:http://blog.csdn.net/qq_34787830/article/details/75092347 1、在配置檔案ueditor.config.js中,定位 //xss過濾白名單,即,whitList:{ },對 img: 增加 “_url” 屬性:  2、在下面的 vid

MVC3.0下使用文字編輯ueditor1.3.6圖片

本文方法有不妥之處,希望有弄明白的大蝦指點指點 1:在Web應用程式中,檔案目錄結構 其中ueditor是富文字編輯器資料夾,upload資料夾則用來存放將要上傳的圖片檔案 2:在html頁面引入相應檔案,並初始化富文字編輯器 初始化富文字編輯器,可以用<scr

文字編輯UEditor:PHP + Nginx 後端配置圖片,下載

由於公司專案需求,花了點時間研究UEditor的後端配置,分享一下使用經驗。注意,這裡的圖片上傳配置,僅能保證圖片管理器的上傳下載正常,而單張照片上傳,後端顯示成功,也接收到檔案了,可是前端會報錯,筆者沒有找到解決方案,所以註釋掉了單張照片上傳的功能,以後有時間再研究。1.後

文字編輯的多圖單獨放在專案

線上搜尋的功能不是很好用,有待改進!需要改ueditor/php/config.json檔案的路徑 "imagePathFormat": "/upload/{filename}",/* 上傳儲存路

文字編輯ueditor檔案到bcs中

(不知為何,程式碼的排版總是不能自動對齊。有點糾結,各位將就看著) 近期在做一個個人部落格,用到了百度的富文字編輯器ueditor。部落格是架在了bae中的。在測試的時候發現,上傳的圖片有時候不會或者是間接性地不會顯現出來,特別詭異的是,我用ie核心的瀏覽器(比如360、i

JAVA 整合 Ueditor 文字編輯(可自定義路徑)

開發環境:一個簡單的web專案中,用百度富文字編輯器 ueditor 實現圖片和檔案的上傳(可自定義上傳路徑)需要使用到的2個檔案如下(官網上下載):1,ueditor-1.4.3.3.zip2,ueditor1_4_3_3-utf8-jsp.zip所需jar包:配置完成後,

【ASP.NET】9.解決文字編輯UEditor往後臺資料寫入資料庫時,出現錯誤:檢測到有潛在危險的Request

解決方法:把傳資料的方式換一下,在函式上面新增[ValidateInput(false)],如果是winform頁面,在aspx頁面裡新增ValidateRequest="false"%@ Page V

文字編輯ueditor的使用、非空校驗、引用預定義模板

最近用到百度ueditor編輯器,遇到了很多問題,總結一下ueditor的使用、非空校驗、引用預先寫好的模板。 一、百度ueditor編輯器簡單使用: 1.在百度官網http://ueditor.baidu.com/website/download.html下載壓縮包,解壓之後整體拷

關於文字編輯整合到springboot的超級詳細總結

參考文章:https://blog.csdn.net/qq_33745799/article/details/70031641 如何整合就不講了,但是有幾點需要注意的,這是我踩過的坑 上面介紹的部落格,第8步,接通http://localhost:8080/config?action=con