`
a116475939
  • 浏览: 8259 次
文章分类
社区版块
存档分类
最新评论

富文本编辑器上传图片的问题

 
阅读更多

一,问题来源
今天,在已经上线的项目中出现了这样的问题。
在某表单中填写完数据信息,点击“提交”之后,会出现异常。

二,问题分析。
本地代码和生产代码完全一致。
1,首先我在本地机测试提交,正常。
2,将生产上的这条数据拷到本地,提交,正常。
3,生产服务器内网访问提交,正常。
4,生产服务器外网访问提交,异常。
已经陷入僵局

三,深度分析。
表单存在富文本编辑器,经观察发现,所有在文本编辑器中添加图片的将出现异常。那么,再次测试分析。
1,本地,无图,正常。
2,本地,有图,正常。
3,生产,内网,无图,正常。
4,生产,内网,有图,正常。
5,生产,外网,无图,正常。
6,生产,外网,有图,异常。

对比分析后,很可能是,外网访问,对生产上对富文本编辑器中的图片有所限制。

四,论证。
在普通的文本框中输入img标签。(如图)
这里写图片描述
内网正常,外网异常。
成立。

五,问题解决。
将此问题反映给管理服务器安全的部门之后,对过滤规则进项了调整。
异常解决。

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>
分享到:
评论

相关推荐

    解决layui富文本编辑器图片上传无法回显的问题

    在使用layui富文本编辑器进行网页开发时,开发者经常会遇到一个普遍的问题,即上传图片后图片无法在富文本编辑器中正确回显的问题。这个问题困扰了不少开发者,究其原因,主要在于富文本编辑器的图片上传插件对于...

    Mvc富文本编辑器(解决上传图片问题)

    在本文中,我们将深入探讨如何在ASP.NET MVC3.0框架下使用富文本编辑器,特别是针对上传图片功能的实现。富文本编辑器是Web应用中常见的一种组件,它允许用户以WYSIWYG(所见即所得)的方式编辑内容,如在网页上创建...

    APP,微信小程序富文本编辑器(包含图片视频上传,地图选点)

    本文将深入探讨一个专为APP和微信小程序设计的富文本编辑器,该编辑器支持图片和视频上传以及地图选点功能。 富文本编辑器是网页或应用程序中的一个重要组成部分,它允许用户创建和编辑包含各种格式(如字体、颜色...

    富文本编辑器,图片上传阿里云服务器

    - 用户在富文本编辑器中选择上传图片。 - 编辑器通过AJAX或者Fetch API将图片文件发送到后端服务器。 - 后端服务器接收到请求后,使用阿里云OSS SDK生成一个临时的签名URL,这个URL具有上传权限。 - 服务器将...

    富文本编辑器

    10. **插件和扩展**:许多富文本编辑器支持自定义插件,开发者可以根据需求扩展功能,如添加图片上传、代码高亮等。 总的来说,富文本编辑器的开发涉及前端技术栈的多个方面,需要开发者具备扎实的基础知识,并能...

    百度富文本编辑器ueditor上传图片宽高超范围问题2018.7.3补充

    【百度富文本编辑器ueditor上传图片宽高超范围问题详解】 在使用百度富文本编辑器ueditor时,用户可能会遇到一个常见的问题:当上传的图片尺寸超过预设限制时,图片在编辑器内显示不全,同时在网页发布后也可能导致...

    uniapp富文本编辑器.zip

    《uniapp富文本编辑器深度解析与应用指南》 在移动应用开发中,富文本编辑器扮演着重要的角色,它允许用户创建、编辑并格式化文本内容,支持插入图片、链接等多种元素。uniapp作为一款跨平台的开发框架,通过其强大...

    UEditor 百度富文本编辑器 .Net实例 已解决上传图片问题

    1、UEditor 百度富文本编辑器完整版 .Net实例 已解决上传图片问题。 2、内附完整demo实例,附带txt讲解说明及UEditor常见问题解决方案。 3、已经调试好的百度文本编辑器实例,用户体验不错,具备很多人性化的功能,...

    Flask项目-集成富文本编辑器CKeditor,实现了图片上传、文件上传、Flash上传等功能

    Flask项目——集成富文本编辑器CKeditor,实现了图片上传、文件上传、Flash上传等功能。方便进行项目集成及应用。代码无需任何修改,可完美执行!!! Flask项目——集成富文本编辑器CKeditor,实现了图片上传、...

    富文本编辑器(可以同时添加文字和图片)

    【富文本编辑器:结合文字与图片的编辑工具】 富文本编辑器是一种允许用户在文本中插入、编辑和格式化文字以及图片的交互式编辑工具。在移动应用开发,特别是Android平台,这样的编辑器功能非常实用,因为它为用户...

    富文本编辑器实例 富文本编辑器实例

    2. **JavaScript**:JavaScript负责实现富文本编辑器的功能,例如监听用户交互、处理文本格式化命令、上传图片等。常用的JavaScript库如CKEditor、TinyMCE、Quill等提供了现成的富文本编辑器解决方案。 3. **CSS**...

    富文本编辑器组件.zip

    本压缩包“富文本编辑器组件.zip”包含了一个用于前端实现此类功能的组件,允许用户轻松地实现多种编辑操作,并且支持图片上传,增强了编辑体验。 富文本编辑器的工作原理通常基于WYSIWYG(What You See Is What ...

    LayEdit(layer 富文本编辑器使用,包含图片的上传)

    通常,富文本编辑器在上传图片后会返回一个服务器端的图片URL,但有时我们需要处理用户已经存在的本地图片。这时,我们可以使用`uploadLocal`方法,将本地文件转化为URL。 在实际应用中,我们还需要处理图片上传后...

    vue-tinymce 富文本编辑器自定义图片上传

    vue-tinymce 封装了el-upload 控件,支持富文本编辑器自定义图片上传整合。 复制到vue的src/components文件夹下 详情博文介绍见:https://xingyun.blog.csdn.net/article/details/102492921

    仿简书富文本编辑器

    6. **图片处理**:富文本编辑器往往包含图片上传和管理功能,涉及到图片压缩、裁剪、预览等。 7. **事件监听和响应**:例如点击事件、选择事件的监听,以实现如选中文字后出现的格式化选项。 8. **数据持久化**:...

    富文本编辑器导出word

    富文本编辑器是一种常见的网页和应用程序组件,它允许用户创建和编辑复杂的文本内容,包括格式化文字、插入图片、超链接等。在许多业务场景中,我们可能需要将富文本编辑器中的内容导出为Word文档,以便于分享、打印...

    百度富文本编辑器

    "百度富文本编辑器"是一款广泛应用于后台消息发布的强大工具,尤其受到开发者的青睐。它提供了丰富的文本格式化选项,使得非程序员也能轻松创建出专业级别的网页内容。下面将详细介绍这款编辑器的主要特点、功能以及...

    layui+springMvc富文本编辑器图片上传功能.rar

    标题 "layui+springMvc富文本编辑器图片上传功能.rar" 提供的是一个集成layui富文本编辑器与SpringMvc后台服务的图片上传解决方案。这个压缩包包含了一整套用于实现这一功能的代码和配置,适用于使用Java开发的Web...

Global site tag (gtag.js) - Google Analytics