來看這篇文章的就肯定是遇到跟我一樣的問題了!
百度編輯器文檔里面寫的是 這些上傳視頻以及上傳圖片的路徑配置 以及文件訪問前綴 都是在config.json這個文件里面去做配置
在這里配置是可以正常使用的!
但是我們開發人員,肯定會有本地開發版的地址,項目上線之前的測試地址。以及項目正式地址!這樣就會有三個路徑訪問前綴地址,而這個Config.json里面只能寫字符串。無法從配置文件里面拿取配置信息。這樣換來換去就會很讓人苦惱!
接下來就是解決辦法了!
先講圖片的動態訪問地址前綴要如何添加 這個時候我們需要去動百度編輯器的JS源碼! 在ueditor.all.js里 找到這個位置 你可以根據 “imageUrlPrefix” 直接ctrl+F 查找 因為別看幾萬行的JS 里面只有這個地方用到了imageUrlPrefix這個變量。這里就是圖片訪問前綴的配置!
我下面的圖片其實已經把解決辦法給貼出來了,其實很簡單。百度編輯器原有的寫法是拿取你配置文件里配置的訪問前綴,我們這里直接更改掉就好了!
我們可以通過JS 直接拿取到當前項目運行的所在域名。把百度編輯器原有的寫法替換掉就可以實現動態修改上傳圖片路徑了!代碼我在下面會貼出來...
1 function getRootPath() { 2 var curWwwPath = window.document.location.href; 3 var pathName = window.document.location.pathname; 4 var pos = curWwwPath.indexOf(pathName); 5 var localhostPath = curWwwPath.substring(0, pos); 6 return localhostPath; 7 }
上面那段代碼就是返回當前項目運行的訪問前綴域名!
接下來我們來看視頻的訪問前綴域名如何更改 視頻的訪問前綴更改不是在ueditor.all.js 而是需要去video.js里去更改!
在這個位置進行更改
我們可以看 uploadDir這個變量,這個變量就是視頻的訪問前綴。百度編輯器原有的寫法也是拿取到你在Config.json里面你進行配置的訪問前綴。
我們還是按照上面圖片的寫法 把這個變量的值給更改掉。換成我們自己的動態獲取訪問域名的方法就OK了!
至於圖片上傳以及視頻上傳 的代碼我就不寫了 畢竟百度編輯器已經給你寫好了。你只需要配置一下地址就OK了 。百度編輯器自己的寫法就是放在
這些文件夾下的。你要想放在服務器固定的文件夾下你也可以在UploadHandler.cs 這個文件夾里去做更改!
在這里 未被注釋的是原有的寫法 ,放在固定的文件夾里。下面被我注釋掉的則是放在你服務器指定的文件夾里!
最近項目碰到的問題,這里記錄一下!防止以后再次碰到自己給忘掉了! 下一篇我就要寫百度編輯器視頻第三方視頻方面的文章了!