xheditor編輯器上傳截圖圖片抓取遠程圖片代碼

xheditor是一款很不錯的開源編輯器,用起來很方便也很強大。node

分享一個xheditor直接上傳截圖的問題解決方法。編輯器

第一步、設置參數

localUrlTest:/^https?:\/\/[^\/]*?(hsa\.com)\//i,
remoteImgSaveUrl:'http://www.hsa.com/test_up.asp',

參數介紹:
localUrlTest:意思是檢查是不是本站地址格式。
remoteImgSaveUrl:若是檢查出來不是本站的圖片,那麼將會將圖片的src屬性值發送到此參數設置的地址。post

第二步、服務端處理圖片

如下以asp代碼爲例子,其它語言相似,只要接收到圖片信息作處理就能夠。url

<%
Subfolder=year(now)&month(now)&day(now)&hour(now)&minute(now)&second(now()) ''生成當天的子文件夾的名稱
picture=Trim(request.Form("urls"))''接收post圖片內容
picture=replace(picture,"data:image/png;base64,","")
path=Subfolder&".jpg"
xmlstr="<data>"&picture&"</data>"
Dim xml : Set xml=Server.CreateObject("MSXML2.DOMDocument")
Dim stm : Set stm=Server.CreateObject("ADODB.Stream")
xml.resolveExternals=False
xml.loadxml(xmlstr)
xml.documentElement.setAttribute "xmlns:dt","urn:schemas-microsoft-com:datatypes"
xml.documentElement.dataType = "bin.base64"
stm.Type=1 'adTypeBinary
stm.Open
stm.Write xml.documentElement.nodeTypedValue
stm.SaveToFile Server.MapPath(path)
stm.Close
Set xml=Nothing
Set stm=Nothing
response.Write("http://www.huhangfei.com/"&path)
%>

處理成功後,會返回圖片的地址,xheditor會自動將編輯器中的地址替換成返回的圖片地址。spa

相關文章
相關標籤/搜索