900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > ueditor 编辑html文件名 UEditor编辑器自定义上传图片或文件路径的修改方法 ueditor修改方法...

ueditor 编辑html文件名 UEditor编辑器自定义上传图片或文件路径的修改方法 ueditor修改方法...

时间:2022-10-30 07:13:09

相关推荐

ueditor 编辑html文件名 UEditor编辑器自定义上传图片或文件路径的修改方法 ueditor修改方法...

UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法

使用ueditor编辑器,附件默认在ueditor/php/upload/, 我的附件地址是网站根目录下/data/upload/ ,需要修改ueditor如下:

第一步:打开php/config.php修改图片目录

复制代码 代码如下:

return array(

//图片目录

'imageSavePath' => array (

'../../../../data/upload'

)

);

第二步:图片上传后去掉相对路径php/imageUp.php

复制代码 代码如下:

$info["url"]=str_replace('../../../../', '', $info["url"]);

echo "{'url':'" . $info["url"] . "','title':'" . $title . "','original':'" . $info["originalName"] . "','state':'" . $info["state"] . "'}";

exit;

第三步:打开ueditor.config.js修改图片路径

复制代码 代码如下:

,imagePath:"/"

第四步:如果你想修改图片生成路径或图片名称

修改图片生成路径在php/Uploader.class.php

复制代码 代码如下:

private function getFolder()

{

$pathStr = $this->config[ "savePath" ];

if ( strrchr( $pathStr , "/" ) != "/" ) {

$pathStr .= "/";

}

$pathStr .= date( "Ym/d" );

if ( !file_exists( $pathStr ) ) {

if ( !mkdir( $pathStr , 0777 , true ) ) {

return false;

}

}

return $pathStr;

}

修改文件名,在ueditor.all.min.js中搜索“fileNameFormat”,然后按照官方文档说明修改!

助助有关ueditor编辑器上传图片与配置路径的问题

看看ueditor里面的上传组件存不存在,或者组件是否损坏。

上传程序的文件名一般为upfile.asp

找找类似的。。。

问:百度Ueditor编辑器为何不可以上传图片?在ASP中,指教

Ueditor编辑器图片上传

UEditor的图片上传采用了Flash上传的方式,在功能上支持批量、本地预览和实时进度提示,在界面上支持自定义背景、上传按钮和预览框等视觉元素的样式属性,基本能够满足各种用户的不同上传需求。

由于涉及到了后端开发语言、flash、js和html等各种不同的web元素,图片上传这块的配置和使用相对来说稍显复杂,不过只要你认真看完以下的内容,那一切都不是什么问题了。下面我们仍然以上文中的完整版实例来一步一步完成这个过程。

先来回顾一下完整版部署章节中提到的项目目录结构,如下左图所示。为了更加符合一般网站的具体实际,也为了更清晰地展示整体的路径配置流程,我们先对这个目录做一下小的改动:将ueditor目录下的server文件夹提取出来放置到根目录中的admin文件夹下。调整后的目录结构如下右图所示

首先来看前端部分的文件及其配置。打开dialogs/image文件夹,我们可以发现四个文件:

•callback.js:本上传模块支持的所有回调函数,你可以按需选用其中的内容。对于不需要做二次开发的你说,可以放心地直接删除。

•image.html:图片上传对话框的主体文件。前端的配置和修改基本在此处完成。

•imageUploader.swf:Flash上传文件。

•tangram.js:百度前端框架tangram封装的flash操作模块。一般无需修改。

打开image.html文件,找到baidu.swf.create()方法,有关图片上传的大部分配置都在这里进行。这其中的绝大部分参数相信你对着注释都能很容易明白意思,下面将挑选几个需要稍微解释的参数进行讲解:

首先是backgroundUrl、listBackgroundUrl和buttonUrl这三个参数。UEditor为了让上传flash的界面能够满足各种不同的网站风格,预留出了这三个参数让你可以自己定义上传框的背景、图片预览框的背景和上传按钮的背景,默认留空情况下就是同学们看到的样式。

其次是compressSide和compressLength这两个参数。前者规定了上传图片等比压缩的基准边,后者规定了前者定义的基准边的最大边长,并以该值为基准进行等比缩放。此处的值设置是通过读取配置文件中的maxImageSideLength值来进行,嫌麻烦的可以直接设置数值即可。

第三个是url参数。这个参数设置了图片上传后台处理程序的路径。以当前项目示例来说,此处的url值应该是“../../../admin/server/upload/up.php”。

第四个要介绍的参数是ext。这个参数允许让你自己定义需要向后端post的参数。只要书写符合我们demo中的格式,后台就可以直接像接收一个普通的表单项一样的方式来接收对应的自定义值。

最后一个需要要介绍的参数是fileType。它在前端限定了文件选择框中能够显示的文件类型,如果需要上传其他非图片格式的文件,你只要修改对应的扩展名即可。

前端部分的配置暂时结束,下面来看后台处理程序中的配置。打开admin/server/upload/文件夹,在up.php文件中,我们可以发现需要配置的参数有以下三个uploadPa......余下全文>>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。