图片显示不出来

图片显示不出来

老师,我按照视频里的地址输入了,但是没有显示图片?什么原因?

http://img1.sycdn.imooc.com//climg/5d494f9f0001796813660768.jpg

http://img1.sycdn.imooc.com//climg/5d494fb200010b1513660768.jpg

http://img1.sycdn.imooc.com//climg/5d494fc100015c4f13660768.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

10回答

同学你好!可以看到在加载图片时,img有class=”img-li“,同学可以通过class给img设置样式来改固定图片的大小,比如在common.css设置以下样式。

http://img1.sycdn.imooc.com//climg/5d4a87670001aecf03990176.jpg

重启项目,如果没有改变。同学清除一下浏览器的缓存刷新一下页面。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

提问者 天才少年25 2019-08-07 14:01:56

图片已经显示成功,但是大小不适应,这里是按图片的原始大小显示的吗?前端代码没有对图像做处理吗?那么应该如何才能使上传一张任意大小的图片,显示出来自适应呢?

http://img1.sycdn.imooc.com//climg/5d4a68f100012bcc13660768.jpg


好帮手慕柯南 2019-08-07 13:40:18

同学你好!

上传图片之后,图片就保存在了服务器上,所以始终是这个地址。

建议在路径前面添加一下项目名称,比如:

<img src="/shop/${ product.path }" class="img-li">

或者<img src="/shop${ product.path }" class="img-li">。

测试一下。祝学习愉快~

提问者 天才少年25 2019-08-07 11:48:49

老师,我按照你说的做了,我是用的是eclipse工具,

结果如下:

http://img1.sycdn.imooc.com//climg/5d4a49fa0001174f13660768.jpg

http://img1.sycdn.imooc.com//climg/5d4a4a110001028e13660768.jpg

这个路径不对吗?


好帮手慕柯南 2019-08-07 11:38:50

同学你好!

  1. 点击编辑图片这里的图片不会回显的

  2. 同学添加本地的图片就可以。

  3. 同学自己添加的也在浏览器中显示unknown吗?同学可以在以下位置输出一下图片的路径,查看一下获取到的图片路径是什么

    http://img1.sycdn.imooc.com//climg/5d4a47bb00011d9606720191.jpg

  4. 同学使用的是idea还是eclipse呢?

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~


  • 提问者 天才少年25 #1
    好像不管选什么路径下的图片,显示出来的路径都是/upload/……,这是怎么回事?
    2019-08-07 12:25:04
好帮手慕柯南 2019-08-07 10:02:27

同学是直接使用老师的源码吗?老师提供的源码中数据库中虽然有数据,但是图片不存在。同学自己在后台添加一条记录,测试一下自己添加的图片能否显示。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 提问者 天才少年25 #1
    添加的图片,只能是源码包里的,还是可以任意本地的图片,我添加了,但还是显示不出来。
    2019-08-07 10:22:07
  • 提问者 天才少年25 #2
    在商品列表页面,点击“编辑”,弹出页面中,其他的项都有数据,为什么唯独图片那一栏显示未选择任何文件。我之前已经添加过图片了,再次编辑,图片那一栏应该也有回显数据的啊,也就是之前添加的图片路径。
    2019-08-07 10:35:55
提问者 天才少年25 2019-08-07 09:21:38

控制台出现了这个:

CategoryService的findAll方法执行了...

CategoryDao的findAll方法执行了...

八月 07, 2019 9:05:11 上午 com.mchange.v2.log.MLog <clinit>

信息: MLog clients using java 1.4+ standard logging.

八月 07, 2019 9:05:11 上午 com.mchange.v2.c3p0.C3P0Registry banner

信息: Initializing c3p0-0.9.1.2 [built 21-May-2007 15:04:56; debug? true; trace: 10]

八月 07, 2019 9:05:11 上午 com.mchange.v2.c3p0.impl.AbstractPoolBackedDataSource getPoolManager

信息: Initializing c3p0 pool... com.mchange.v2.c3p0.ComboPooledDataSource [ acquireIncrement -> 3, acquireRetryAttempts -> 30, acquireRetryDelay -> 1000, autoCommitOnClose -> false, automaticTestTable -> null, breakAfterAcquireFailure -> false, checkoutTimeout -> 0, connectionCustomizerClassName -> null, connectionTesterClassName -> com.mchange.v2.c3p0.impl.DefaultConnectionTester, dataSourceName -> 1hgewapa4taw5ql12oy8uh|7d98b2a6, debugUnreturnedConnectionStackTraces -> false, description -> null, driverClass -> com.mysql.cj.jdbc.Driver, factoryClassLocation -> null, forceIgnoreUnresolvedTransactions -> false, identityToken -> 1hgewapa4taw5ql12oy8uh|7d98b2a6, idleConnectionTestPeriod -> 0, initialPoolSize -> 3, jdbcUrl -> jdbc:mysql:///shop?useSSL=false&serverTimezone=Hongkong&useUnicode=true&characterEncoding=utf-8, maxAdministrativeTaskTime -> 0, maxConnectionAge -> 0, maxIdleTime -> 0, maxIdleTimeExcessConnections -> 0, maxPoolSize -> 15, maxStatements -> 0, maxStatementsPerConnection -> 0, minPoolSize -> 3, numHelperThreads -> 3, numThreadsAwaitingCheckoutDefaultUser -> 0, preferredTestQuery -> null, properties -> {user=******, password=******}, propertyCycle -> 0, testConnectionOnCheckin -> false, testConnectionOnCheckout -> false, unreturnedConnectionTimeout -> 0, usesTraditionalReflectiveProxies -> false ]

PageBean [page=1, limit=6, totalCount=4, totalPage=1, list=[Product [pid=1, pname=aaa, author=null, price=123.0, description=123123, filename=null, path=null, category=Category [cid=null, cname=null, cdesc=null]], Product [pid=2, pname=aaa, author=null, price=123.0, description=123123, filename=null, path=null, category=Category [cid=null, cname=null, cdesc=null]], Product [pid=3, pname=bbb, author=null, price=12345.0, description=12312323234, filename=2.jpg, path=/shop/upload/cf036f5b02c5493eb0ade6c55566fc2a.jpg, category=Category [cid=null, cname=null, cdesc=null]], Product [pid=4, pname=古风, author=秦岩, price=2988.8, description=好看的古风, filename=login_banner.png, path=/upload/49b17cbaf4fe465bae6c1571ee76ed76.png, category=Category [cid=null, cname=null, cdesc=null]]]]



提问者 天才少年25 2019-08-07 09:16:36

这是我导入进来的源码,图片地址那部分,是不是要加上什么路径?

http://img1.sycdn.imooc.com//climg/5d4a263000018a1c13660768.jpg

这里是${product.path}.

提问者 天才少年25 2019-08-07 09:09:40

老师,我按F12了,结果出现图片的地址为unknown,那么我应该去源码的哪里调整,我用的是教辅资料的源码,直接导入的。

http://img1.sycdn.imooc.com//climg/5d4a24ce000128c313660768.jpg

好帮手慕柯南 2019-08-06 18:38:06

同学你好!

F12打开控制台,查看一下图片的地址是什么,看哪里写错了,比如:

http://img1.sycdn.imooc.com//climg/5d49587700016e9d10530564.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师