xheditor编辑器上传截图图片抓取远程图片代码

xheditor是一款很不错的开源编辑器,用起来很方便也很强大。

分享一个xheditor直接上传截图的问题解决方法。

第一步、设置参数

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

参数介绍:
localUrlTest:意思是检查是否是本站地址格式。
remoteImgSaveUrl:如果检查出来不是本站的图片,那么将会将图片的src属性值发送到此参数设置的地址。

第二步、服务端处理图片

以下以asp代码为例子,其它语言类似,只要接收到图片信息做处理就可以。

<%
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会自动将编辑器中的地址替换成返回的图片地址。

原文地址:https://www.cnblogs.com/huhangfei/p/5000728.html