當前位置:首頁 » 文件管理 » ueditor圖片上傳oss

ueditor圖片上傳oss

發布時間: 2022-10-02 07:45:53

1. ueditor富文本編輯器上傳圖片怎麼配置

1. 前端配置項
前端需要配置 serverUrl 參數,修改 ueditor.config.js 里的 serverUrl 參數,改成伺服器端路徑,參考:URL + 'php/controller.php'
2. 後端配置項
後端配置項在 php/config.json 里配置,不同的上傳有各自的配置項。
修改上傳圖片路徑的參數是 imagePathFormat ,改成你的圖片文件夾路徑即可。

2. 如何把ueditor中的多圖上傳功能

將ueditor的圖片上傳類修改為Tp的上傳類,
window.UEDITOR_CONFIG.imageUrl="{:U('Upload/uploadimg')}"; //圖片上傳提交地址
window.UEDITOR_CONFIG.imagePath='__ROOT__/Upload/images/ueditor/';//編輯器調用圖片的地址

3. 如何使用ueditor上傳照片

在ueditor目錄下找到uedior.config.js,找到如下三行:
,imageUrl: "<%=path %>/controller.json" //圖片上傳提交後台對應的地址,路徑固定為*/controller.*
,imagePath: "<%=path %>/ueditor/" //圖片在伺服器上的存儲目錄
,imageFieldName: "upload" //後台對應接收image的參數名

或者:
var ueditor = UE.getEditor('myEditor',{
imageUrl: "<%=path %>/servlet/UploadServlet", //圖片上傳提交後台對應的地址
imagePath: "<%=path %>/ueditor/", //圖片在伺服器上的存儲目錄
imageFieldName: "upload" //後台對應接收image的參數名
});

注意:記得在uedior.config.js配置文件中把"serverUrl"注釋掉
在/ueditor/_src/plugins/simpleupload.js文件中,把link = me.options.imageUrlPrefix + json.url; 改為link = getRootPath()+json.url;
最後配置伺服器返回的數據格式,這需要這伺服器端進行修改。對應於後台接收上傳圖片的那個controller,返回的格式需如下:
{'url':'60391393848223.jpg','title':'p1999637039.jpg','original':'p1999637039.jpg','state':'SUCCESS'}

注意:url用相對路徑,這樣就OK了。

4. ueditor 1.4.3 到底怎麼配置圖片上傳才能用

只能引用已存在圖片,可以自己做個上傳功能,把圖片上傳到伺服器,然後直接引用圖片在伺服器的地址。

5. c# 用ueditor 上傳圖片問題 誰能教一下怎麼配置 解決了給分 在線等

還沒弄好么 , , , 把官網下來的壓縮解壓到項目的script文件夾下 , 然後改net文件下的 config.json 文件 imageUrlPrefix 這個屬性留空 ,imagePathFormat 這個屬性寫成你要放的文件夾的相對路徑 例如 "/項目名稱/upload/Temp/image/{yyyy}{mm}{dd}/{time}{rand:6}" 這樣就在upload/temp/image/ (確保這個路徑存在)路徑下按你上傳的時間給你分好文件夾了 , 要使用其他的功能也類似 ,
在頁面的使用官方那裡說的很詳細了 ,引入 js 文件 , 然後替換輸入框 , 可以把一些沒用的功能給去掉 我的是去掉到只剩插入圖片 , PS 無法通過復制粘貼獲得圖片喲,,, 給你個參考
var editor = UE.getEditor("控制項ID", {
isShow: true,
elementPathEnabled: false,
toolbars: [[
'fullscreen', '|', 'undo', 'redo', '|',
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
'directionalityltr', 'directionalityrtl', 'indent', '|',
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
'simpleupload', 'scrawl', 'pagebreak', 'template', 'background', '|',
, 'date', 'time', 'spechars', '|',
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|'
]],
autoSyncData: true,
textarea: 'save',
initialFrameWidth: '100%',
width: '100%'
});

6. ueditor 部署在伺服器上上傳圖片就一直顯示正在上傳,本地正常

因為你沒有配置好,上傳的文件名包含了localhost或者你本地的IP地址,換句話說,圖片的路徑是本地地址+圖片名上傳的

7. 如何把ueditor上傳的圖片視頻等信息寫入自己的資料庫

這個分為兩種情況吧!
情況一:Ueditor上傳的圖片和視頻在富文本中,可以直接隨著富文本欄位保存到資料庫中;
情況二:想單獨保存上傳的圖片地址或者視頻地址,可以修改Ueditor的代碼,在上傳時調用插入資料庫方法,此情況不建議時間,會產生很多的垃圾數據;

8. 百度 Ueditor 在線編輯器 無法上傳圖片或者文件 提示上傳錯誤

用網頁編輯工具打開網路編輯器這個文件:ueditor/dialogs/image/image.html 找到以下代碼:
maxNum:32, // 最大上傳多少個文件 backgroundUrl:'', //背景圖片,留空默認 listBackgroundUrl:'', //預覽圖背景,留空默認
buttonUrl:'', //按鈕背景,留空默認
compressSide:editor.options.compressSide, //等比壓縮的基準,0為按照最長邊,1為按照寬度,2為按照高度
compressLength:editor.options.maxImageSideLength, // 能接受的最大邊長,超過該值Flash會自動等比壓縮
//url:'../server/upload/php/up.php', // 上傳處理頁面的url地址,用於PHP語言
url:'../../server/upload/asp/up.asp', // 上傳處理頁面的url地址,用於ASP語言
// url:../server/upload/asp/up.asp', // 上傳處理頁面的url地址,用於ASP語言
解決方法之二:修改上傳路徑 打開up.asp這個文件。
uploadPath = "../../../uploadfiles/" '上傳保存路徑,修改上傳路徑 ' uploadPath = "E:\UEditor對編輯器\" '上傳保存路徑
picSize = 500 '允許的文件大小,單位KB picType = ".jpg,.gif,.png,.bmp" '允許的圖片格式

9. 請問:百度Ueditor編輯器為什麼不能上傳圖片啊在ASP中,請求高手指教。

Ueditor編輯器圖片上傳
UEditor的圖片上傳採用了Flash上傳的方式,在功能上支持批量、本地預覽和實時進度提示,在界面上支持自定義背景、上傳按鈕和預覽框等視覺元素的樣式屬性,基本能夠滿足各種用戶的不同上傳需求。
由於涉及到了後端開發語言、flash、js和html等各種不同的web元素,圖片上傳這塊的配置和使用相對來說稍顯復雜,不過只要你認真看完以下的內容,那一切都不是什麼問題了。下面我們仍然以上文中的完整版實例來一步一步完成這個過程。
先來回顧一下完整版部署章節中提到的項目目錄結構,如下左圖所示。為了更加符合一般網站的具體實際,也為了更清晰地展示整體的路徑配置流程,我們先對這個目錄做一下小的改動:將ueditor目錄下的server文件夾提取出來放置到根目錄中的admin文件夾下。調整後的目錄結構如下右圖所示

首先來看前端部分的文件及其配置。打開dialogs/image文件夾,我們可以發現四個文件:
• callback.js:本上傳模塊支持的所有回調函數,你可以按需選用其中的內容。對於不需要做二次開發的你說,可以放心地直接刪除。
• image.html:圖片上傳對話框的主體文件。前端的配置和修改基本在此處完成。
• imageUploader.swf:Flash上傳文件。
• tangram.js:網路前端框架tangram封裝的flash操作模塊。一般無需修改。
打開image.html文件,找到.swf.create()方法,有關圖片上傳的大部分配置都在這里進行。這其中的絕大部分參數相信你對著注釋都能很容易明白意思,下面將挑選幾個需要稍微解釋的參數進行講解:
首先是backgroundUrl、listBackgroundUrl和buttonUrl這三個參數。UEditor為了讓上傳flash的界面能夠滿足各種不同的網站風格,預留出了這三個參數讓你可以自己定義上傳框的背景、圖片預覽框的背景和上傳按鈕的背景,默認留空情況下就是同學們看到的樣式。
其次是compressSide和compressLength這兩個參數。前者規定了上傳圖片等比壓縮的基準邊,後者規定了前者定義的基準邊的最大邊長,並以該值為基準進行等比縮放。此處的值設置是通過讀取配置文件中的maxImageSideLength值來進行,嫌麻煩的可以直接設置數值即可。
第三個是url參數。這個參數設置了圖片上傳後台處理程序的路徑。以當前項目示例來說,此處的url值應該是「../../../admin/server/upload/up.php」。
第四個要介紹的參數是ext。這個參數允許讓你自己定義需要向後端post的參數。只要書寫符合我們demo中的格式,後台就可以直接像接收一個普通的表單項一樣的方式來接收對應的自定義值。
最後一個需要要介紹的參數是fileType。它在前端限定了文件選擇框中能夠顯示的文件類型,如果需要上傳其他非圖片格式的文件,你只要修改對應的擴展名即可。
前端部分的配置暫時結束,下面來看後台處理程序中的配置。打開admin/server/upload/文件夾,在up.php文件中,我們可以發現需要配置的參數有以下三個uploadPath, fileType 和 fileSize。有你後兩個參數的存在表示疑問,認為前端已經通過Flash限制了文件大小和文件類型,此處不需要再進行限制。這種認識其實是不對的,有經驗的hacker們完全可以通過自己構造提交表單來繞開前端Flash的各種限制,直接上傳文件到我們的伺服器。
我們重點來看uploadPath這個參數。默認狀態下,這個參數的配置會在up.php文件所在目錄的父目錄中創建一個uploadfiles文件夾,並將圖片保存在這個文件夾中。完成圖片的保存之後需要返回的字元串是一個純粹的json字元串,形如
{'url':'../uploadfiles/23123213.jpg','title':'描述','state':'SUCCESS'}

此處需要說明的一點是url這個參數。可以看到,當前這個url參數中攜帶了「../」這樣的相對路徑,這種表示方式由於具有明顯的上下文含義,因此不大適合於用來進行跨頁面的數據傳遞。如果非要使用這種路徑傳遞方式,那麼必須在圖片顯示頁面進行地址修正。 一般來說,比較正確的做法是在返回給客戶端之前將相對路徑轉換成帶域名的絕對路徑,這一步操作一般應該結合後台的網站根目錄配置來完成。UEditor不希望了解具體的伺服器端配置,因此在此處進行了另外一種處理:去掉所有./以及../等相對路徑的字元串,只返回從uploadfiles開始的圖片路徑,如「uploadfiles/23123213.jpg」, 然後通過在editor_config.js中配置imagePath這個參數來修正圖片的真實地址。imagePath代表的含義是uploadfiles文件夾所在的文件夾地址。以當前實例項目為例,uploadfiles位於server目錄底下,所以imagePath的值應該設置為「admin/server/」。此處之所以從根目錄開始,原因同完整版部署時候說的一樣,是因為editor_config.js被index.php導入,所以其真實路徑就是根目錄。 另外一個state參數則是由後台的具體邏輯來確定,其值可自定義,但如果上傳成功,必須返回「SUCCESS」字元串,其他狀態將直接在預覽框中展示。
到此為止,圖片上傳所需要的所有配置和修改就已經完成了。在地址欄中輸入地址,體驗下UEditor提供的強大的圖片上傳功能吧!
PS:JSP版的圖片上傳採用了commons-fileupload包,請先下載commons-fileupload-1.2.2.jar,並將其加入到項目中的WEB-INF/lib/目錄下方可正常使用

熱點內容
sql判斷今天 發布:2024-10-09 04:19:35 瀏覽:942
拆分視頻需要哪些配置 發布:2024-10-09 04:06:39 瀏覽:911
安裝電腦網路需要哪些配置 發布:2024-10-09 03:57:28 瀏覽:962
風雲城伺服器ip地址 發布:2024-10-09 03:53:18 瀏覽:634
c演演算法 發布:2024-10-09 03:53:10 瀏覽:119
androidstudio大小寫忽略 發布:2024-10-09 03:53:10 瀏覽:569
蘋果8p音效和安卓的音效哪個好 發布:2024-10-09 03:45:59 瀏覽:591
c語言動態分配空間 發布:2024-10-09 03:35:14 瀏覽:983
死歌腳本 發布:2024-10-09 03:11:55 瀏覽:86
企業內網搭建電影伺服器侵權嗎 發布:2024-10-09 03:07:14 瀏覽:107