對於ueditor自定義上傳,圖片不回顯的一些筆記
這篇文章,預設你已經成功地實現了ueditor自帶上傳。
語言 : JAVA
框架 :SSM
ueditor版本 : UEditor 1.4.3.3版本
寫這篇文章的目的是因為,再實現圖片自定義路徑上傳的過程中,出現了圖片無法回顯的問題,自己的一些修改記錄。
我在實現了ueditor自帶的上傳後,想要把圖片存放到自定義的目錄下,所以開始了以下操作:
1.在content.jsp修改action
2.在控制器裡實現方法
3.本地環境下測試,發現我專案下的路徑可以找到對應的圖片,但是前端獲取的時候,一直顯示“無法載入此影象”
4.經過多次、長時間測試;發現儲存後,再開啟我的專案,它會在我專案的target資料夾下,生成一張檔名一樣的圖片,
現在,再開啟ueditor富文字,可以發現我剛才儲存的圖片,檔名也一樣
5.所以我在上傳的過程中,把圖片儲存了兩次。
總結:我自己是這樣理解的,把圖片上傳到專案下時,他沒有辦法實時的target生成一個一樣的圖片檔案,而我們環境執行下的資源都是要在target中獲取,所以用這樣的方法來解決我的自定義上傳無法回顯的問題。本人也是剛接觸JAVA,如果大神有更好的方法希望可以指導一下。
相關推薦
對於ueditor自定義上傳,圖片不回顯的一些筆記
這篇文章,預設你已經成功地實現了ueditor自帶上傳。語言 : JAVA框架 :SSM ueditor版本 : UEditor 1.4.3.3版本寫這篇文章的目的是因為,再實現圖片自定義路徑上傳的過程中,出現了圖片無法回顯的問題,自己的一些修改記錄
ueditor 自定義上傳圖片,上傳圖片自定義
越來越不想寫部落格了,真的是累!好了,廢話不多說,進入正題。前臺:既然你們都走到這裡來了,那麼前面的就不在多說了,直接進去配置好的頁面。<script type="text/javascript"> var ue = UE.getEditor('editor'
百度UEditor自定義上傳檔案儲存路徑(補充)
上一篇百度UEditor自定義上傳檔案儲存路徑發表後,再解決了線上管理、線上圖片和線上附件功能不能使用的問題。 需要修改FileManager類: 註釋掉的程式碼是原來jar包的程式碼,不再需要,可以刪除掉。 //private String di
百度UEditor自定義上傳檔案儲存路徑
這是基於SSM專案中,使用freemaker加UEditor富文字編輯器修改的,不過使用與JSP的UEditor大同小異,修改後的功能是可以配置上傳圖片、檔案、塗鴉等的儲存路徑,而不是預設地儲存在專案路徑下。 首先,增加ueditor.properties配置
ueditor自定義上傳附件方法
var root_url = window.location.protocol+"//"+window.location.host+window.location.pathname; UE.Editor.prototype._bkGetActionUrl = UE.Edi
米兔故事機 使用攻略 | 自定義上傳華麗上線,想聽什麽,傳什麽
轉換 同步 下界 user padding vao 分鐘 qdt 網址 使用攻略 | 自定義上傳華麗上線,想聽什麽,傳什麽 2017-01-01 蛋卷 米兔故事機 親愛的寶爸寶媽們,新年快樂,你們期待的自定義上傳也終於要上線啦!蛋卷已經測試過啦,操作非常簡單呢。想給寶
type=file的input美化,自定義上傳按鈕樣式,上傳按鈕美化
轉自:https://www.cnblogs.com/crizygo/p/5605532.html 用input本身的屬性做的上傳按鈕,在不同的瀏覽器中長得都不一樣。如下圖的幾個: 但是對input設定的樣式只能加在輸入框上,對上傳按鈕根本不起作用。那麼有一個超級簡單的方法,就是先用一個div製作你要
ueditor 新增自定義上傳介面
1.從http://ueditor.baidu.com/website/ 下載jsp版本 2.將下載的壓縮檔案解壓,命名為ueditor,複製整個資料夾到專案中 3.在頁面上新建一個textarea的標籤 <textarea id="container" name="content" style="w
百度富文字編輯器(ueditor)自定義上傳介面(路徑)
只針對 1.4.3 jsp 版本其他版本估計也差不多,剛開始上傳圖片各種錯誤,又是配路徑又是導jar包啥的,這都不說了,作為一個前端真的不太會玩這些java的東西,剛好同事搞過,把他的搬來用,他的版本很低1.3.6,高了半天上傳上去是自定義的一個資料夾,就存在t
百度編輯器自定義上傳介面並回顯圖片(解決圖片存虛擬路徑問題)
首先引入相關js和jar包jar:ueditor-x.x.x.jarjs:<script src="${ctx }/static/baidu-ueditor/ueditor.config.js" type="text/javascript"></scrip
最新ueditor(1.4.3.3)版本修改自定義上傳路徑
專案需求:例如tomcat在c盤,檔案上傳到d盤,縱觀ueditor的文件說明沒有該功能,預設都上傳的專案的路徑下,要想修改此功能則必須修改ueditor的java原始碼和js原始碼。先上修改後的效果圖,要實現這樣的功能,修改的地方比較多,個人建議最好還是別改了(如果不想研
django上傳圖片 後臺上傳和自定義上傳
後臺管理,上傳圖片1.在static中建立media資料夾,media資料夾中再建立一個資料夾用來存放檔案。2.專案設定中上傳儲存路徑MEDIA_ROOT = os.path .join(BASE_DIR,'static/media')3在model中設計模型類其中 # 型
CKeditor自定義上傳圖片功能
壹週迴顧 哈嘍,又是元氣滿滿的一個週一,又與大家見面了,週末就是團圓節了,正好咱們的前後端也要團圓了,為什麼這麼說呢,因為以後的開發可能就需要前後端一起了,兩邊也終於會師了,還有幾天Vue系列就基本告一段落了,大家也好好加油鴨,今天將的內容呢,其實細心的你看到題目應該就能大家
自定義上傳圖片按鈕 實現圖片的預覽和切換
功能:自定義上傳按鈕的樣式,初始樣式的透明度為0,設定自己想要的樣式,同時可以實現上傳圖片的預覽。 HTML程式碼: <form action="" name="formx" method="post" enctype="multipart/form-data
http-request 覆蓋預設的上傳行為,自定義上傳的實現
表單中的 ui <el-form-item label="課程檔案" :label-width="formLabelWidth"> <el-upload
JAVA 整合 Ueditor 百度富文字編輯器(可自定義上傳路徑)
開發環境:一個簡單的web專案中,用百度富文字編輯器 ueditor 實現圖片和檔案的上傳(可自定義上傳路徑)需要使用到的2個檔案如下(官網上下載):1,ueditor-1.4.3.3.zip2,ueditor1_4_3_3-utf8-jsp.zip所需jar包:配置完成後,
AntD框架的upload元件上傳圖片時使用customRequest方法自定義上傳行為
本次做後臺管理系統,採用的是 AntD 框架。涉及到圖片的上傳,用的是AntD的 [upload](https://ant.design/components/upload-cn/) 元件。 我在上一篇文章《[AntD框架的upload元件上傳圖片時使用customRequest方法自定義上傳行為](ht
自定義上傳控件(兼容IE8)
lin 不同 而且 int 代碼 NPU 自定義 HA 過程 上傳控件是 <input type="file"/> 而實際開發過程中,都會自定義一個控件,因為這個控件本身難看,而且不同瀏覽器效果不一樣。 如IE8顯示如下: 谷歌瀏覽器顯示是這
自定義上傳控制元件實現
FileReader 物件 存檔 方便以後拿來即用 可以整合 canvas圖片裁剪進行實現 <input type="file" value="提交" id="file"> <button id="btn">上傳圖片並預覽</button>
微信小程式檔案上傳,圖片上傳
1:xml <view style="margin-top: 20px" class="weui-flex"> <view style="width: 35%;font-size: 0.7em">證件照片</view> <