ueditor php ftp上传图片,解决:百度编辑器UEditor,怎么将图片保存到图片服务器,或者上传到ftp服务器的问题(若是你正在用UE,这篇文章值得你看下)...

在使用百度编辑器ueditor的时候,怎么将图片保存到另外一个服务器,或者上传到ftp服务器?这个问题,估计不少使用UE的人会遇到。并且我百度过,没有找到这个问题的解决方案。那么:本篇文章就很适合你了。由于本文解决了这个问题。php

1.当你使用UEditor(如下简称UE)的时候,那么你天然要引入他的源码工程。html

以下图:web

38f08817be61abeb6b88f38139770c58.png

51a97357604593232729867bacf57a9a.png

配置好后的效果图json

本文使用UE版本是:1.4.3.1版本服务器

2.本文搭建的环境dom

我这篇文章生产环境使用的网站域名是:http://admin.domain.com/jsp

UE的文件目录就在是http://admin.domain.com/ueditor/ 下编辑器

使用的是vs2013。C#.net环境网站

3.步入正题,下载完源码后,解压。直接将.net的源码全盘copy到 http://admin.domain.com/ueditor/

UE的源码他是已经分类好的。php的归php,.net的归.net。jsp的归jsp。。你用什么语种,你就copy你本身须要的语种源码。

4.默认的配置文件都不须要改动。

9da63dbc422df47d34a79dd33fd10b0c.png

如上图:ueditor.config.js等全部js,是怎么样的仍是怎么样。。不须要动它。由于咱们项目里就没有改动过。。

5.将net文件夹转化为应用程序

ff51ac70de26ed53750b925ca9c7bec1.png

如上图:net文件夹的位置

6.打开iis,转换应用程序

53d5924b11c9477322245f11edebaba9.png

如上图操做。共3个红圈。你操做完后,大约就是这样子。

7.打开config.json配置文件进行修改

19b8544f9c7cce6ee5794fb1d65922d8.png

config.json文件位置如上图所示

8.config.json文件修改“上传图片配置”

9d4d38af4a479b9adaf033aa65965cdf.png

如上图。将“上传图片配置”按图片中那样修改

8-1).config.json文件修改“抓取远程图片配置”

0fcb3f45f2e147511f95596eb74f0a54.png

如上图。将“抓紧远程图片配置”按上面图片进行修改。

那么,有同窗会问了,我是上传图片,为何还要修改“抓紧远程图片配置”?

由于当你copy网络新闻时,这些新闻中可能会有图片,而这些内容,当你直接复制到UE中时,会自动触发这个“远程抓取”功能。因此要设置。

同时:即便是在UE中,你就图片移动到另外一个位置,进行排版时,UE也会自动触发这个“远程抓取”功能。

9.接下来,找到controller.ashx文件。

c513649c4fb72fa7cec496cb0a365583.png

位置如上图

10.打开controller.ashx文件进行修改

d1e4a94bdd044fe991f5cf150a5507e3.png

如上图。新增2行代码

RemoteServerPath = Config.GetString("imageRemoteServerPath"),

RemoteServerHost = Config.GetString("imageRemoteServerHost"),

11.修改UploadHandler.cs文件

953ca2e3adf65e09d8b6bf8a33ce4378.png

UploadHandler.cs位置如上图

打开:UploadHandler.cs文件

找到以下代码,并进行修改:

77b7357ce22e6f2b7289725cb28eb21e.png

修改后,如上图红圈所示。效果应该是这样子。

12.仍然打开:UploadHandler.cs文件

修改内容以下:

207002b1827fabe88ddd371f93fa70ea.png

代码位置在70行左右。修改后如上图所示。关键位置在红圈处。

13.UploadHandler.cs文件的代码,是修改“上传图片”的功能的。

14.下面开始修改“远程抓紧图片”的功能。打开CrawlerHandler.cs文件

9f9e5727bda1849371d7adaa3cc5df89.png

CrawlerHandler.cs的文件位置如上图所示

15.修改CrawlerHandler.cs的内容:

f3a9aecb0066289d46c9d02ef7cee512.png

修改后,代码应该相似于上面。请关注红圈中的内容,那是重点。

16.结束:

请使用UE上传一张图片。他的URL应该相似于:http://image.domain.com/ueditor/upload/image/20160229/6359233657403001964317029.png

或者你将网络中的一篇图片新闻,好比找一下腾讯网的图文新闻,直接将其内容copy到UE框中,那么看到的图片地址应该相似于:http://image.domain.com/ueditor/upload/image/20160229/6359233657403001964317029.png

那么:恭喜你。你完成了修改。

同理,ftp是同样的。你只要把上述的配置地址,改成ftp服务器地址便可。

fab2eacbfaf8151eb49cb8f67f386b96.png

如上图,鼠标选中图片,而后会出现修改2字。

点击“修改”,会出现下图:

79dd249e9b6e2d841d52762b1004b5a7.png

请看,网址已变成url地址。而不是物理地址。

文章完结。指望对你有帮助。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值