nginx 使用百度编辑器图片不回显是怎么回事

2024-10-20

Nginx搭建后，图片存储在Tomcat上，前端无法回显图片问题

一.Nginx与Tomcat连接搭建的环境,Nginx设置了前端的访问路径为 (1)前端代码配置: root /usr/local/nginx/html; index index.html index.htm; (2)root 访问文件的根目录,默认nginx一起动一访问http://127.0.0.1 就会先跳到/usr/local/nginx/html/dist/目录下查找,目录下的html文件. (3)但是,当后端的接口实现文件上传后前端展示,就会发生展示不出来图片到页面上,并且日志

淘淘商城学习笔记之上传图片到远程服务器，图片的回显出现的bug

最近在学习淘淘商城中用到的技术,感觉受益良多,遇到一个比较奇怪的bug调了好久,遂心乐之分享于诸君 bug情况是这样的:在商城的后台上传图片之后图片回显不出来,右键查看链接,发现链接被加了localhost://8080 原来正常的链接是这样的: ftp://ftpuser@192.168.25.133/home/ftpuser/www/images/2017/08/11/1502405214622039.png 或缩写去掉写为(我复制的链接用的这个): 192.168.25.133/home/

图片的回显。js

l <tr><td></td> <td> <c:if test="${editVo.pic!=''}"><img src="${ctx}/${editVo.pic}" style="width:150px;height:50px"/></c:if> </td> </tr>图片的回显.

如何用input标签上传多个图片并回显

本文主要记录如何用input标签和jquery实现多图片的上传和回显,不会涉及后端的交互,大概的效果看图我们从零来做一个这样的demo 第一步: 我们先完善一下我们的页面,默认的input-file标签非常丑,我们美化一下它,不会的可以百度一下,就是外面套个盒子,设置input的opacity为0,然后外面的盒子设计成我们喜欢的样式即可,我就随便做了一下. 还是放一下源码,只谈效果,不放源码的都是耍流氓这是body <body> <div class="uploadImgB

ueditor 百度编辑器图片上传接 node.js 及一些前端自定义

百度编辑器用node.js 做服务端 demo 大神已整理的记录一下以作参考 https://github.com/netpi/ueditor 1. 前端图片工具栏上传input file在这里: 搜索 ueditor.all.js文件里的 UE.plugin.register('simpleupload', function (){} 2. 图片拖动大小在这里: 搜索 ueditor.all.js文件里的 updateTargetElement: function () { var me

ThinkPHP3.1.3 整合 UEditor百度编辑器图片上传

第一步.前端模板实例化百度编辑器 <js file='__ROOT__/Data/UEditor/ueditor.config.js' /> <js file='__ROOT__/Data/UEditor/ueditor.all.min.js' /> <js file='__ROOT__/Data/UEditor/lang/zh-cn/zh-cn.js' /> <script type="text/javascript"> window.

百度编辑器图片在线流量返回url改动

百度编辑器中返回的是我们server中的url,有时并非我们须要的,比方图文编辑中.我想在线浏览上传过的图片 ,那么我返回的应该是腾讯server上面的url.这样才不会被腾讯的过滤器过来掉,全部我们就须要改动在线管理的图片获取路径详细操作例如以下: BaseState fileState = null; File file = null; String realpath= null; for ( Object obj : files ) { if ( obj == null ) { break

百度富文本Ueditor将图片存在项目外路径并回显

我的毕设中需要一个类似新闻发布的功能,使用到百度富文本编辑器,不过百度富文本编辑器有点坑(只是我太菜了),粘贴图片和回显这个坑坑了我两天时间.效果是这样的: 就是可以在文本中粘贴图片并显示出来,直接说怎么做吧. 首先从百度富文本官网下载源码 http://ueditor.baidu.com/website/download.html#ueditor 两个都下载下来解压jsp版本,改名为ueditor,并将其复制放入你的项目的static目录下面打开jsp/congfig.json文件,修

百度UEditor图片上传、SpringMVC、Freemarker、Tomcat、Nginx、静态资源

个人官网.公司项目都需要可视化编辑器,百度UEditor做得很不错,就用的这个.项目后台用到了SpringMVC.Freemarker,开发过程中部署在Jetty,线上部署用Tomcat,最后可能配置Nginx代理. 在实际使用过程中,遇到了太多的问题,因此有必要梳理和总结下. 1. 先说百度UEditor在Java环境中的使用:1.1 Html页面或者Freemarker模版里,引入百度UEditor的相关JS和CSS,如下 <script type="text/javas

百度编辑器前后端二开图片上传Js Thinkphp tp5 ueditor

百度编辑器图片上传Jsueditor.all.min.js 下载链接链接:https://pan.baidu.com/s/1VNgw9ELgRRHKeCQheFkQTw 提取码:fnfi 使用方法: 替换原来的 ueditor.all.min.js NPM 本地快速DEMO:( 前端 ) 创建一个文件夹:执行如下命令: 再到浏览器运行 localhost:3000 ;( 需要配置本地服务器:修改ueditor.config.js 文件的 serverUrl 的值为本地服务器域名入口,默认为:

图片上传并回显Ajax异步篇

图片上传并回显Ajax异步篇图片如何无刷新的上传到服务器呢?继前两篇文章后,我们来实战一下如何无刷新的异步上传图片,我们还是先看一下效果在实战前呢,我们需要做些准备工作.比如说,了解一下FormData对象 "FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据.其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用.如果表单enctype属性设为multipart/form-data ,则会使用表单的submit()用来

yii2解决百度编辑器umeditor图片上传问题

作者:白狼出处:http://www.manks.top/article/yii2_umeditor_upload本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. yii2框架整合了百度编辑器,因为文件上传采用的是yii2自带的UploadedFile,这就难免umeditor上传不成功问题,解决问题的只需要两个操作步骤,我们来看看具体实现首先我们先把umeditor的配置搞好,这里只需要更改imageUrl配置项即可,

FLASH图片上传功能—从百度编辑器UEditor里面提取出来

为了记录工作中碰到的各种问题,以及学习资料整理,今天开始,将以往的文章进行了一个整理,以后也开始认真的记录学习过程中的各种问题在HTML里面的文件上传功能一直是个问题,为了实现上传文件大小限制,怎样显示进度条问题,以及上传前图片预览,也试过各种办法,直到有一天看到百度编辑器中的图片上传功能.花了点功夫把他单独提取出来. 最终效果图如下:

java图片上传及图片回显1

目的:选择图片,进行图片回显之后将图片保存到服务器上(PS:没有使用任何插件,样式很丑) 实现方式: js+servlet+jsp的方式来实现事先准备: 文件上传处理在浏览器中是以流的形式提交到服务器端的,直接用Servlet获取文件上传的输入流然后再解析里面的请求参数比较麻烦,一般采用apach组织提供的开源工具common-fileupload这个文件上传组件,common-fileupload是依赖于common-io这个包的,所以还需要下载这个包.struts封装的上传功能就是基于它们

织梦替换ueditor百度编辑器，支持图片水印教程

1下载ueditor百度编辑器 2 把下载的zip解压得到ueditor文件夹,把解压到的ueditor文件夹扔进你网站的include文件夹去 3 打开 /include/inc/inc_fun_funAdmin.php 找到 else if($GLOBALS['cfg_html_editor']=='ckeditor') 在它上面加入 else if($GLOBALS['cfg_html_editor']=='ueditor'){ $fvalue = $fvalue=='' ? '<p>&

解决：百度编辑器UEditor，怎么将图片保存到图片服务器，或者上传到ftp服务器的问题（如果你正在用UE，这篇文章值得你看下）

在使用百度编辑器ueditor的时候,怎么将图片保存到另一个服务器,或者上传到ftp服务器?这个问题,估计很多使用UE的人会遇到.而且我百度过,没有找到这个问题的解决方案.那么:本篇文章就很适合你了.因为本文解决了这个问题. 1.当你使用UEditor(以下简称UE)的时候,那么你自然要引入他的源码工程. 如下图: 配置好后的效果图本文使用UE版本是:1.4.3.1版本如果需要下载,请访问:UE官网 2.本文搭建的环境我这篇文章生产环境使用的网站域名是:http://admin.domai

百度编辑器ueditor的图片地址修正

我用的百度编辑器为1.4.2的,相对于现在这个时间来说是比较新的.之前去的1.3版的,后来更新到1.4之后出现路径问题.因为今天晚上出现特别奇怪的问题,所以特地又整了一遍,发现这玩意还是得自己弄通了好好使.今晚出现的问题是,本机win7可以正常上传,线上centos可以正常上传,测试机是ios的,前几天还可以正常上传,今晚不知道怎么回事,文件上传目录,确认不是权限问题,很奇怪. # 这个是定义百度编辑器的根目录.考虑到安全问题,只能写http://...这种host格式的绝对路径,不能将你项目的

ueditor-angular（百度编辑器angular版）中，关于插入图片后不操作，图片无法正常提交的问题；

由于项目后台管理页面中需要使用编辑器,所以选择了百度编辑器这个常用的东西: 本人是小白,第一次使用百度编辑器,具体的配置是由后台的兄弟完成的,还给了demo,所以在项目开发中也一直都没发现什么问题: 使用也很简单, HTML中使用ng-model绑定某个变量,config绑定配置属性: <div class="ueditor" ng-model="vm.formData.content" config="_Config" ></

ueditor1.4.3jsp版成功上传图片后却回显不出来与在线管理显示不出图片的解决方案

这是因为路径问题,可以在jsp/config.json这个文件去改路径通过“imageUrlPrefix”与“imagePathFormat”这两个属性去拼凑路径. “imageUrlPrefix”是前缀的意思如:我遇到的问题是图片回显地址为: http://localhost:8080/ueditor/jsp/upload/image/...... 而正确的地址是: http://localhost:8080/Spring_3100_Registration_9_bootstrap/ued

百度编辑器ueditor给上传的图片加入水印

百度编辑器本身是没有为上传图片加入水印的功能,想要在上传的时候加入图片水印,也非常easy.以 ueditor 1.2.6 为例.打开php文件夹以下的imageUp.php文件,查找"$info = $up->getFileInfo();",在这句代码的以下加入以下代码: /* 加入水印 start */ $water_img = "watermark.png"; //水印文件(替这里换成你要的水印) $img_min_w = 350; //加入水印须要图片

百度编辑器（ueditor）踩坑，图片转存无法使用

在使用百度编辑器的过程中碰到了一些问题,图片转存功能无法使用, 即便是疯狂地在官方 Demo.文档.论坛甚至是 GitHub 上也没找到理想的答案.(┗|｀O′|┛) (真是日了狗) 问题描述默认情况下,从 Word 中复制的内容粘贴在编辑器时,图片不会自动上传保存,除非单独复制粘贴图片. 但是在官方 Demo 及演示中,Word 中的图片并不会变为上图中的提示贴图,而是变为尺寸与原图比例一致的一片空白. 与此雷同的一个问题是,当你插入一个锚点,点击 html 视图,发现标签一片空白,再切

nginx 使用百度编辑器图片不回显是怎么回事

热门专题