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

為什么使用本地圖片的存儲路徑以及名稱，圖片都無法顯示呢？

為什么使用本地圖片的存儲路徑以及名稱，圖片都無法顯示呢？我使用的是webstrom軟件

Aryse

2016-08-05

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

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

3160

操作

收起

6 回答

水秋玄
2016-08-26

使用webstrom的話那你就是在本地寫的代碼，路徑參考1樓的回答?<img src="./tupian.jpg" />圖片需要跟你的html文件放在同個(gè)目錄（同一層級），這是相對路徑的寫法。絕對路徑寫法是：<img src="file://e:/image/picture.jpg" />

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

收起回答

慕粉3840662
2016-08-25

我之前也遇到同樣的問題，問過別人以后說好像電腦本地的圖片慕課網(wǎng)是不能獲取的，但是可以從網(wǎng)絡(luò)上找到一張圖片（百度圖片不能插入，不知道是不是網(wǎng)址太長的問題）右鍵—檢查元素，找到<img src>標(biāo)簽下的網(wǎng)址鏈接直接復(fù)制粘貼到慕課網(wǎng)給出的案例中就可以了。為了保證圖片能看到的話你可以先復(fù)制之后在網(wǎng)頁上打開看看。

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

收起回答

#1

慕粉3840662

但是我的練習(xí)也都是在慕課網(wǎng)上試的，編輯器中還沒有試過，至于為什么本地圖片無法顯示我也不知道具體原因

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

#2

水秋玄回復(fù) 慕粉3840662

本地圖片肯定不能顯示，慕課網(wǎng)站又不能直接讀取你電腦的文件。

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

#3

水秋玄回復(fù) 慕粉3840662

<img src="file://e:/image/picture.jpg" />，

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

幸福的貓小陽
2016-08-24

你說的試著換圖是說換掉課程代碼里面的圖片的么？是的話肯定是不顯示的，因?yàn)槁窂讲荒茏R別。
課程的這一段代碼應(yīng)該是存在慕課網(wǎng)自己服務(wù)器上面的，你的圖片在你的電腦中，而非慕課網(wǎng)的服務(wù)器上面，自然不能獲取圖片，但是輸入圖片所在網(wǎng)址鏈接，服務(wù)器會自動識別訪問鏈接，從而獲取圖片。
如果你是在本地編輯器中編寫代碼，并且同路徑下圖片不顯示，那么你要看看你設(shè)置的圖片的父級，或者其他標(biāo)簽，是否將該圖片所顯示的區(qū)域遮擋了。最好能有代碼，這樣說不清啊

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

收起回答

qq_四塊錢_0
2016-08-05

同求，從1-3那里就試著換圖但是一直顯示不出來

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

收起回答

#1

幸福的貓小陽

你說的試著換圖是說換掉課程代碼里面的圖片的么？是的話肯定是不顯示的，因?yàn)槁窂讲荒茏R別。課程的這一段代碼應(yīng)該是存在慕課網(wǎng)自己服務(wù)器上面的，你的圖片在你的電腦中，而非慕課網(wǎng)的服務(wù)器上面，自然不能獲取圖片，但是輸入圖片所在網(wǎng)址鏈接，服務(wù)器會自動識別訪問鏈接，從而獲取圖片。如果你是在本地編輯器中編寫代碼，并且同路徑下圖片不顯示，那么你要看看你設(shè)置的圖片的父級，或者其他標(biāo)簽，是否將該圖片所顯示的區(qū)域遮擋了。最好能有代碼，這樣說不清啊

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