                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

插入的图片，本地图片怎么能成为像课题中一样的格式，可网络打开的？

<img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg

这张图片是属于慕课的，如果我有一张本地图片，我需要上传到哪，才能显示出来类似的格式？

{补充，百度上回答，本地图片可以在本地编辑器上通过 fileE:///XX\X\ss.jpg的方式显示。但是如果像这种在线写编码，该如何编辑本地图片。}

龙图图

2016-03-02

源自：初识HTML(5)+CSS(3)-升级版 8-2

关注问题我要回答

1058

操作

收起

6 回答

Jayliu1989 回答被采纳 +3 积分
2016-03-02

可以上传到云盘上就可以了，上传后找到图片点击下载，复制下载时候的图片url就可以拿来用

<html>
	<head>
		
	</head>	
	<body>
	<img src="http://shcm05.baidupcs.com/file/dc0dbf5d3a4999b32ce8418d98461e2e?bkt=p2-qd-367&fid=2702540211-250528-979304102050948&time=1456909851&sign=FDTAXGERLBH-DCb740ccc5511e5e8fedcff06b081203-IrvAW%2BnLENurqG8eG6pbRo1k1Jg%3D&to=sh05hb&fm=Qin,B,M,mn&sta_dx=2&sta_cs=0&sta_ft=jpg&sta_ct=6&fm2=Qingdao,B,M,mn&newver=1&newfm=1&secfm=1&flow_ver=3&pkey=1400dc0dbf5d3a4999b32ce8418d98461e2edf8a18e50000001ba43c&sl=77004879&expires=8h&rt=pr&r=431897378&mlogid=1431365416677419431&vuk=2702540211&vbdid=1407283516&fin=2015-04-27%20201945.jpg&fn=2015-04-27%20201945.jpg&slt=pm&uta=0&rtype=1&iv=0&isw=0&dp-logid=1431365416677419431&dp-callid=0.1.1"/>	
	</body>
</html>

0 回复有任何疑惑可以回复我~

收起回答

龙图图提问者

谢谢，原来云盘可以做到；）

2016-03-02 回复有任何疑惑可以回复我~

橙宝
2016-03-02

本地图片插入分几种总情况：依具体情况导入

1.假设网页（E:\web\1.html）和图片（E:\web\image.png）存储在相同的位置，<img src="image.png"/>

2.假设网页（E:\web\images\1.html）在图片（E:\web\1.png）存储的下一级<img src="../1.png"/>

3.假设网页（E:\web\1.html）在图片（E:\web\images\1.png）存储的上一级<img src="images/1.png"/>

4.假设网页（D:\web\images\1.html）和（E:\web\1.png）<img src="../1.png"/>存储在不同的盘<../E/web/1.png>

0 回复有任何疑惑可以回复我~

收起回答

didiwang
2016-03-02

先上传到网上，再复制图片网址

0 回复有任何疑惑可以回复我~

收起回答

声湖
2016-03-02

这张图片是在网站上的，是在服务器中的，网络上的图片，所以本课中，编辑好这张图片的地址就可显示，本地的照片未上传到网络中，所以不能实现。因为这是在线测试。

0 回复有任何疑惑可以回复我~

收起回答

树2
2016-03-02

上传到网上，找到图片相对应的网络地址有src接受网络链接可实现网络打开譬如：http://d.pcs.baidu.com/thumbnail/8cf14ec08446fb8fb40d4d64ad867360?fid=2890538690-250528-287691542600350&time=1456909200&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-GTmxTfyEUpWEb%2BPssgt1j6pbUDg%3D&rt=sh&expires=2h&r=651731220&sharesign=unknown&size=c710_u500&quality=100

0 回复有任何疑惑可以回复我~

收起回答

树2

<img src="http://d.pcs.baidu.com/thumbnail/8cf14ec08446fb8fb40d4d64ad867360?fid=2890538690-250528-287691542600350&time=1456909200&sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-GTmxTfyEUpWEb%2BPssgt1j6pbUDg%3D&rt=sh&expires=2h&r=651731220&sharesign=unknown&size=c710_u500&quality=100

2016-03-02 回复有任何疑惑可以回复我~