`

使用ueditor 无法创建目录问题

阅读更多

【前言】

        最近使用了百度推出的一款js插件ueditor用于后台文章编辑。但是使用过程中遇到了一些问题:

在本地使用时没有问题,但是项目迁移到服务器后出现问题:在文章插入图片的时候,总显示创建目录失败。

 

【主体】

    接下来分析下问题:

      首先,每个ueditor在创建的时候必须赋予一个特定的id,而且在创建成功,完成特定功能之后必须特定销毁,不然,通过事件如onclick触发生成ueditor,若第一个在没有销毁的情况下想要创建第二个,是失败的。

在发布文章时使用ueditor上传图片时,老是报错:上传目录创建失败。

      打开fiddler抓取请求后发现。在添加一张图片后,ueditor会像/ueditor/php/controller.php发送一个异步的图片上传请求。跟踪源码之后发现是在创建目录的时候返回错误。打印错误信息后事 mkdir的Permission denied。知道了是文件夹权限问题。既然是目录权限的问题,那么接下来找到目录修改权限后再上传,结果成功。

【权限修改】

使用命令

chmod 0777 image/;

更改文件夹权限。

 

 

 

 

 

 

 

 

 

 

 

.

分享到:
评论

相关推荐

    ueditor出现后端配置问题

    ueditor 的前端配置问题是指 ueditor 编辑器在前端无法正确地加载所需的配置文件 config.json,导致编辑器无法正常工作。这个问题的出现可能是由于配置文件的路径不正确、权限不够或是依赖项不正确所引起的。 解决...

    jsp中使用ueditor示例

    在本文中,我们将深入探讨如何在Java服务器页面(JSP)中集成并使用UEditor,一个功能丰富的在线富文本编辑器。UEditor是由百度开发的,它提供了多种文本编辑功能,如图片上传、代码高亮、表格操作等,广泛应用于...

    ueditor静态资源包

    同时,ueditor还支持图片上传、视频插入、表格创建、超链接添加等功能,能够满足各种复杂内容的编辑需求。此外,ueditor还具备良好的兼容性,支持主流的浏览器,如Chrome、Firefox、Safari和IE等。 ueditor的最新...

    Asp.net MVC 下使用百度 UEditor 编辑器

    在Asp.net MVC框架下集成并使用百度UEditor编辑器是一项常见的需求,它能为用户提供一个功能丰富的在线文本编辑体验。UEditor是一款流行的JavaScript富文本编辑器,它提供了多种编辑功能,如图片上传、视频插入、...

    ueditor包含使用方法

    2. **HTML引用**:将`ueditor`目录放置在你的项目文件夹中,然后在需要使用UEditor的HTML页面中引入相关JS和CSS文件,通常包括`ueditor.all.min.js`和`ueditor.css`。 3. **初始化编辑器**:在HTML中创建一个`...

    ueditor含使用方法

    - 下载ueditor压缩包后,解压到服务器的合适目录。 - 配置路径,确保编辑器能够找到相关的CSS、JavaScript文件以及图片、附件上传的路径。 - 在HTML页面中引入ueditor的基本脚本,设置编辑器ID及初始化参数。 2....

    ueditor使用说明文档

    2. 创建 demo 文件:解压下载的包,在解压后的目录创建 demo.html 文件,填入下面的 html 代码: ```html <!DOCTYPE HTML> ;charset=utf-8"/> <title>ueditor demo <!-- 加载编辑器的容器 --> 这里写你的...

    angular-ueditor修改版

    例如,描述中提到的“修正了第二次创建ueditor失败的情况”,这是针对UEditor在Angular环境中可能出现的重复初始化问题进行了修复,确保在同一个应用中可以多次成功创建和使用UEditor实例。 在实际开发中,遇到这样...

    Ueditor工具

    【标签】"UEditor"直接对应了这款编辑器的名称,它是Ueditor的简称,通常在讨论富文本编辑器或者与之相关的技术问题时,人们会使用这个标签来指代。 在压缩包中,文件名称为"UE"可能代表的是Ueditor的核心文件或...

    ueditor实例

    【ueditor实例】是关于集成并使用开源富文本编辑器UEditor的一个具体实践,主要针对在Eclipse开发环境中如何配置UEditor以及解决与Struts框架集成时遇到的问题。UEditor是一款广泛使用的JavaScript富文本编辑器,它...

    基于SSM使用ueditor编辑框文本、图片上传功能实现

    - **配置ueditor**:在Web-INF目录下创建ueditor的配置文件,如config.json,配置服务器地址、图片上传路径等。 - **创建上传接口**:在SpringMVC的Controller中编写处理ueditor上传请求的接口,包括图片、文件等...

    SSH的ueditor使用

    3. **命令行操作**:了解基本的SSH命令,如`ssh`用于建立连接,`cd`改变目录,`ls`列出目录内容,`cat`查看文件内容,`touch`创建文件,`mv`移动或重命名文件,`rm`删除文件等。 4. **文件传输**:SSH也支持文件...

    springboot+layui 整合百度富文本编辑器ueditor入门使用教程(踩过的坑).doc

    首先,您需要在SpringBoot项目的static目录下创建一个文件夹,并将解压后的ueditor文件夹整个放入其中。然后,在模板文件中添加以下代码: ```html layui.use('form', function(){ var form = layui.form; // ...

    Ueditor for Thinkphp3.2

    5. **视图集成**:在需要使用Ueditor的页面中,引入Ueditor的JS和CSS资源,并在HTML中创建一个`<textarea>`或`<div>`作为编辑区域,通过JavaScript初始化Ueditor。 通过以上步骤,我们就能在Thinkphp3.2项目中成功...

    用于UEditor的美化主题gray(附使用说明)

    如果你没有此目录,可能需要先创建。 3. 在UEditor的配置文件(通常是"config.js")中,找到或添加关于主题选择的部分,将默认主题改为"gray"。例如: ``` UEDITOR_HOME_URL = "./"; var editor = UE.getEditor('...

    Ueditor demo

    8. **安全问题**:在使用Ueditor时,必须注意XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题。对用户提交的内容进行过滤和转义,确保不会执行恶意代码。 通过学习这个Ueditor demo,你可以了解到如何在实际...

    百度富文本编辑器 ueditor 使用总结

    【百度富文本编辑器 ueditor 使用总结】 在Web开发中,富文本编辑器是一个不可或缺的工具,它允许用户以类似Word的方式编辑网页内容。百度的ueditor是一款功能强大的开源富文本编辑器,广泛应用于博客、论坛、CMS...

    ueditor struts2图片上传问题解决办法

    在使用富文本编辑器ueditor与Struts2框架结合进行图片上传时,常常会遇到一些问题,这些问题可能涉及文件过滤、文件类型限制、文件大小控制、上传路径设置等多个方面。以下是一些解决这些问题的关键知识点: 1. **...

    UEditor JSP 版本配置以及文件上传配置方法

    UEditor JSP 版本配置以及...配置 UEditor JSP 版本并实现文件上传功能需要按照以上步骤进行,包括下载 UEditor、配置 editor.config.js 文件、创建 upload 文件夹、修改 imageUp.jsp 文件、嵌入 UEditor 到页面等。

    vue-ueditor-wrap的ueditor

    Vue.js 是一个流行的前端JavaScript框架,用于构建用户界面。在Vue.js项目中,有时...通过下载UEditor并将其放入`public`目录,以及正确配置和使用vue-ueditor-wrap,你可以在Vue应用中创建功能完备的富文本编辑体验。

Global site tag (gtag.js) - Google Analytics