                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

插入的圖片，本地圖片怎么能成為像課題中一樣的格式，可網(wǎng)絡(luò)打開的？

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

這張圖片是屬于慕課的，如果我有一張本地圖片，我需要上傳到哪，才能顯示出來類似的格式？

{補充，百度上回答，本地圖片可以在本地編輯器上通過 fileE:///XX\X\ss.jpg的方式顯示。但是如果像這種在線寫編碼，該如何編輯本地圖片。}

龍圖圖

2016-03-02

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

關(guān)注問題我要回答

1139

操作

收起

6 回答

Jayliu1989 回答被采納 +3 積分
2016-03-02

可以上傳到云盤上就可以了，上傳后找到圖片點擊下載，復(fù)制下載時候的圖片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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

龍圖圖提問者

謝謝，原來云盤可以做到；）

2016-03-02 回復(fù) 有任何疑惑可以回復(fù)我~

橙寶
2016-03-02

本地圖片插入分幾種總情況：依具體情況導(dǎo)入

1.假設(shè)網(wǎng)頁（E:\web\1.html）和圖片（E:\web\image.png）存儲在相同的位置，<img src="image.png"/>

2.假設(shè)網(wǎng)頁（E:\web\images\1.html）在圖片（E:\web\1.png）存儲的下一級<img src="../1.png"/>

3.假設(shè)網(wǎng)頁（E:\web\1.html）在圖片（E:\web\images\1.png）存儲的上一級<img src="images/1.png"/>

4.假設(shè)網(wǎng)頁（D:\web\images\1.html）和（E:\web\1.png）<img src="../1.png"/>存儲在不同的盤<../E/web/1.png>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

didiwang
2016-03-02

先上傳到網(wǎng)上，再復(fù)制圖片網(wǎng)址

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

聲湖
2016-03-02

? 這張圖片是在網(wǎng)站上的，是在服務(wù)器中的，網(wǎng)絡(luò)上的圖片，所以本課中，編輯好這張圖片的地址就可顯示，本地的照片未上傳到網(wǎng)絡(luò)中，所以不能實現(xiàn)。因為這是在線測試。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

樹2
2016-03-02

上傳到網(wǎng)上，找到圖片相對應(yīng)的網(wǎng)絡(luò)地址有src接受網(wǎng)絡(luò)鏈接可實現(xiàn)網(wǎng)絡(luò)打開譬如：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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

樹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 回復(fù) 有任何疑惑可以回復(fù)我~