摘要:前言在使用編輯器時(shí),一般我們都是需要修改默認(rèn)的圖片上傳路徑的,下面是我整理好的修改位置和方法供大家參考。如果想修改上傳路徑,那么通過修改文件第行就可以做到。
前言
在使用UEditor編輯器時(shí),一般我們都是需要修改默認(rèn)的圖片上傳路徑的,下面是我整理好的修改位置和方法供大家參考。
操作Ueditor PHP版本本身自帶了一套上傳程序,我們可以在此基礎(chǔ)中,找到配置文件修改它。
配置文件位置:ueditor/php/config.json
內(nèi)容如下:
/* 前后端通信相關(guān)的配置,注釋只允許使用多行方式 */ { /* 上傳圖片配置項(xiàng) */ "imageActionName": "uploadimage", /* 執(zhí)行上傳圖片的action名稱 */ "imageFieldName": "upfile", /* 提交的圖片表單名稱 */ "imageMaxSize": 2048000, /* 上傳大小限制,單位B */ "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上傳圖片格式顯示 */ "imageCompressEnable": true, /* 是否壓縮圖片,默認(rèn)是true */ "imageCompressBorder": 1600, /* 圖片壓縮最長邊限制 */ "imageInsertAlign": "none", /* 插入的圖片浮動(dòng)方式 */ "imageUrlPrefix": "", /* 圖片訪問路徑前綴 */ "imagePathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */ /* {filename} 會(huì)替換成原文件名,配置這項(xiàng)需要注意中文亂碼問題 */ /* {rand:6} 會(huì)替換成隨機(jī)數(shù),后面的數(shù)字是隨機(jī)數(shù)的位數(shù) */ /* {time} 會(huì)替換成時(shí)間戳 */ /* {yyyy} 會(huì)替換成四位年份 */ /* {yy} 會(huì)替換成兩位年份 */ /* {mm} 會(huì)替換成兩位月份 */ /* {dd} 會(huì)替換成兩位日期 */ /* {hh} 會(huì)替換成兩位小時(shí) */ /* {ii} 會(huì)替換成兩位分鐘 */ /* {ss} 會(huì)替換成兩位秒 */ /* 非法字符 : * ? " < > | */ /* 具請?bào)w看線上文檔: fex.baidu.com/ueditor/#use-format_upload_filename */ /* 涂鴉圖片上傳配置項(xiàng) */ "scrawlActionName": "uploadscrawl", /* 執(zhí)行上傳涂鴉的action名稱 */ "scrawlFieldName": "upfile", /* 提交的圖片表單名稱 */ "scrawlPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */ "scrawlMaxSize": 2048000, /* 上傳大小限制,單位B */ "scrawlUrlPrefix": "", /* 圖片訪問路徑前綴 */ "scrawlInsertAlign": "none", /* 截圖工具上傳 */ "snapscreenActionName": "uploadimage", /* 執(zhí)行上傳截圖的action名稱 */ "snapscreenPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */ "snapscreenUrlPrefix": "", /* 圖片訪問路徑前綴 */ "snapscreenInsertAlign": "none", /* 插入的圖片浮動(dòng)方式 */ /* 抓取遠(yuǎn)程圖片配置 */ "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"], "catcherActionName": "catchimage", /* 執(zhí)行抓取遠(yuǎn)程圖片的action名稱 */ "catcherFieldName": "source", /* 提交的圖片列表表單名稱 */ "catcherPathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */ "catcherUrlPrefix": "", /* 圖片訪問路徑前綴 */ "catcherMaxSize": 2048000, /* 上傳大小限制,單位B */ "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 抓取圖片格式顯示 */ /* 上傳視頻配置 */ "videoActionName": "uploadvideo", /* 執(zhí)行上傳視頻的action名稱 */ "videoFieldName": "upfile", /* 提交的視頻表單名稱 */ "videoPathFormat": "/ueditor/php/upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */ "videoUrlPrefix": "", /* 視頻訪問路徑前綴 */ "videoMaxSize": 102400000, /* 上傳大小限制,單位B,默認(rèn)100MB */ "videoAllowFiles": [ ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上傳視頻格式顯示 */ /* 上傳文件配置 */ "fileActionName": "uploadfile", /* controller里,執(zhí)行上傳視頻的action名稱 */ "fileFieldName": "upfile", /* 提交的文件表單名稱 */ "filePathFormat": "/ueditor/php/upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */ "fileUrlPrefix": "", /* 文件訪問路徑前綴 */ "fileMaxSize": 51200000, /* 上傳大小限制,單位B,默認(rèn)50MB */ "fileAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ], /* 上傳文件格式顯示 */ /* 列出指定目錄下的圖片 */ "imageManagerActionName": "listimage", /* 執(zhí)行圖片管理的action名稱 */ "imageManagerListPath": "/ueditor/php/upload/image/", /* 指定要列出圖片的目錄 */ "imageManagerListSize": 20, /* 每次列出文件數(shù)量 */ "imageManagerUrlPrefix": "", /* 圖片訪問路徑前綴 */ "imageManagerInsertAlign": "none", /* 插入的圖片浮動(dòng)方式 */ "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件類型 */ /* 列出指定目錄下的文件 */ "fileManagerActionName": "listfile", /* 執(zhí)行文件管理的action名稱 */ "fileManagerListPath": "/ueditor/php/upload/file/", /* 指定要列出文件的目錄 */ "fileManagerUrlPrefix": "", /* 文件訪問路徑前綴 */ "fileManagerListSize": 20, /* 每次列出文件數(shù)量 */ "fileManagerAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ] /* 列出的文件類型 */ }
從config.json內(nèi)容中,我們不難看出(全部都有注釋,看不出就見鬼了->_->),幾乎所有的上傳配置都是在這里。
如果想修改上傳路徑,那么通過修改文件第 12 行就可以做到。
比如,這里我們修改 imagePathFormat :
"imagePathFormat": "/upload/ueditor/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */
保存,上傳,測試,查看源碼:
此時(shí)可以看出,修改是成功的。
總結(jié)上傳配置這款,會(huì)因ueditor版本不同,而稍有不同,我剛開始在用新版本時(shí)也沒有反應(yīng)過來,尋根索源才找到了這里,大家在修改的時(shí)候也要注意下哦。
另外,如果需要修改其他上傳,如視頻等,也可以在此處文件修改,道理都是一樣的。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/21935.html
摘要:今天在網(wǎng)上看了下有關(guān)圖片上傳的教程,歷經(jīng)挫折才調(diào)試好,現(xiàn)在把相關(guān)代碼及其說明貼出來,以供初次使用的朋友們參考。 今天在網(wǎng)上看了下有關(guān)圖片上傳的教程,歷經(jīng)挫折才調(diào)試好,現(xiàn)在把相關(guān)代碼及其說明貼出來,以供初次使用的朋友們參考。 資源下載 yii2.0-ueditor下載路徑: https://link.jianshu.com?t=https://github.com/org-yii-chi...
摘要:去官網(wǎng)下載版本的注意下載開發(fā)版,版可能會(huì)有坑,我這里下載的是下新建一個(gè)文件夾把下載下來解壓的文件全部放到這個(gè)文件夾下把包復(fù)制到下的下在需要引入編輯器的頁面引入路徑自己找在中引入編輯器及樣式打開文件是圖片訪問路徑前綴,會(huì)在每次訪 1.去官網(wǎng)下載jsp版本的UEditor http://ueditor.baidu.com/webs...(注意下載開發(fā)版,mini版可能會(huì)有坑,我這里下載的是...
項(xiàng)目要求上傳圖片的模塊,這個(gè)簡單,但是要在保存圖片后需要編輯就不怎么好處理了,現(xiàn)在就和大家一起分享?! ∫?、應(yīng)用場景 1.上傳圖片并進(jìn)行放大預(yù)覽 2.圖片上傳代碼 就是直接將圖片上傳到接口,成功后返回圖片路徑,表單提交時(shí),后臺(tái)要路徑拼成的字符串格式,類似str=‘/uploads/20220418/d93905dbcd041a0a88abc72fd34b6c98.jpg,/uploads...
原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項(xiàng)目開發(fā)中,隔壁那個(gè)搞python的哥們竟然笑著對我說,希望我能給他寫1個(gè)百度編輯器的demo,方便他直接調(diào)用。 當(dāng)時(shí)真的受寵若驚,這哥們實(shí)力不在我之下,只能答應(yīng)它了。上網(wǎng)搜索下,有1篇文章Flask項(xiàng)目集成富文本編輯器UEditor實(shí)現(xiàn)圖片上傳功能已經(jīng)有1個(gè)現(xiàn)成的例子了。 這...
原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項(xiàng)目開發(fā)中,隔壁那個(gè)搞python的哥們竟然笑著對我說,希望我能給他寫1個(gè)百度編輯器的demo,方便他直接調(diào)用。 當(dāng)時(shí)真的受寵若驚,這哥們實(shí)力不在我之下,只能答應(yīng)它了。上網(wǎng)搜索下,有1篇文章Flask項(xiàng)目集成富文本編輯器UEditor實(shí)現(xiàn)圖片上傳功能已經(jīng)有1個(gè)現(xiàn)成的例子了。 這...
閱讀 625·2021-08-31 09:45
閱讀 1724·2021-08-11 11:19
閱讀 950·2019-08-30 15:55
閱讀 903·2019-08-30 10:52
閱讀 2929·2019-08-29 13:11
閱讀 2995·2019-08-23 17:08
閱讀 2899·2019-08-23 15:11
閱讀 3141·2019-08-23 14:33