淘淘商城学习笔记之上传图片到远程服务器，图片的回显出现的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/ftpuser/www/images/2017/08/11/1502405214622039.png

错误的链接为：

http://localhost:8080/192.168.25.133/home/ftpuser/www/images/2017/08/11/1502405214622039.png

聪明的你可能此时就已经想通了问题出在哪里了吧！先别笑，这个问题我百度了好久都没找到答案！

错误演示：

此时使用filezilla查看发现图片已经上传到ftp服务器里了，很奇怪为什么图片没有回显呢？右键那张奇怪的图片，复制链接用空白页打开显示404，

注意到链接中多加了localhost:8080/ ,去掉这个多余的也能访问，这是为啥呢？

其实原因很简单：

这个生成的链接是图片上传到服务器后返回的图片url（这不是废话），因为之前要登录ftp服务器，所以在配置文件中没有写http://作为url,而且一般使用hostIp的地方都是不能写http://的，写了会报错的，所以就没有写，但是我需要返回一个json数据，url也就直接写在里边了，也没多注意，数据格式如下：

{"error":0,"url":"192.168.25.133/images/2017/08/11/1502431975821476.png"}

由于现在的浏览器功能越来越强大了，不写http://也能访问，所以让我纠结了一天，返回json之前定义一个字符串加上http://，问题就解决了。

正确的json返回url：

{"error":0,"url":"http://192.168.25.133/images/2017/08/11/1502431975821476.png"}

==================分割线================

好多同学知道是这个问题了，但是找起来还是找不到，提示一下，在拼接图片url的controller中，只需要找到那个图片的url，然后前边加上“http://”+

豆芽菜长房高，他也是个菜。 ------------马士兵马老师

转载于:https://www.cnblogs.com/hellxz/p/bugs_01.html

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

springmvc学习笔记(17)-上传图片
2019独角兽企业重金招聘Python工程师标准>>> springmvc学习笔记(17)-上传图片标签: springmvc [TOC] 本文展示如何在springmvc中上传图 ...
xmall商城学习笔记登录
xmall商城学习笔记文章目录 xmall商城学习笔记前言一.单点登录是什么? 二.项目结构总结前言提示:今天要看的xmall-sso,单点登录模块一.单点登录是什么? 简单讲就是在一个 ...
SpringMVC:学习笔记(10)——整合Ckeditor且实现图片上传
SpringMVC:学习笔记(10)--整合Ckeditor且实现图片上传配置CKEDITOR 精简文件解压之后可以看到ckeditor/lang下面有很多语言的js,如果不需要那么多种语言的,可 ...
opencv学习笔记（六）直方图比较图片相似度
opencv学习笔记(六)直方图比较图片相似度 opencv提供了API来比较图片的相似程度,使我们很简单的就能对2个图片进行比较,这就是直方图的比较,直方图英文是histogram, 原理就是就是将 ...
Linux C/C++ 开发（学习笔记十一）：TCP服务器（并发网络网络编程一请求一线程）
Linux C/C++ 开发(学习笔记十一 ):TCP服务器(并发网络网络编程一请求一线程) 一.TCP服务器(一请求一线程) 的原理二.完整代码三.测试四.补充一.TCP服务器(一请求一线 ...
php上传图片到远程服务器并返回图片地址到本地显示
本示例将演示一个简单的上传图片到远程服务器,然后生成图片路径后通过提交的回调路径返回给本地服务器,最后将图片地址显示在前端页面. 本项目应用三个文件,即前端选取图片的页面,然后提交图片到远程服务器处理 ...
Ckeditor and ckfinder 配置实现截图上传图片到远程服务器
Ckeditorand ckfinder 配置实现上传图片到远程服务器 1. 从ck官网下载两个文件. (文件夹解压后不必要的文件可以删除,samples.help 等以及skin皮肤文件夹 ...
和php交互的过程_JavaScript学习笔记（二十三）服务器PHP
PHP PHP 一门后端语言为什么要学习一个后端语言呢? 目前市场上的需求,要求前端人员掌握一个后端语言方便和后端开发人员进行交互基本组织架构在讲后端语言之前,我们简单的了解一下我们基本的组织 ...
Mr.J-- HTTP学习笔记（五）-- Web服务器
Web 服务器实现了 HTTP 和相关的 TCP 连接处理. 负责管理 Web 服务器提供的资源, 以及对 Web 服务器的配置. 控制及扩展方面的管理. 我的专栏: HTTP学习笔记 Web服务器 ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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