為什么我的SVG圖像不能顯示在GitHub頁中?

我開始構(gòu)建一個圖書館應(yīng)用程序,用戶可以在其中記錄他們正在閱讀和/或想閱讀的書籍。每本書的卡片都是使用JavaScript對象動態(tài)創(chuàng)建的,當(dāng)用戶單擊按鈕添加一本書時,會顯示從表單中檢索到的數(shù)據(jù)。其中一個輸入接受到書籍封面圖像的鏈接,如果沒有提供鏈接,則默認(rèn)的SRC將被提供給img元素,該元素指向一個文本內(nèi)容為“No image Available”的SVG。使用實(shí)時服務(wù)器,圖像會正確顯示;然而,GitHub頁不會呈現(xiàn)圖像,盡管圖像HTML標(biāo)記中存在正確的源(通過devtools檢查)。為什么會這樣?

Code Here GitHub Page Here

Thank you!

我確認(rèn)了文件名、擴(kuò)展名和文件路徑是否正確。該圖像明顯低于Github的文件大小限制…并且我測試過的瀏覽器支持SVG圖像。

? 最佳回答:

SVG文件路徑不正確。

以下內(nèi)容正確地加載了github頁中的SVG:

    const bookImgDefaultSource = 'assets/images/book-case/no-image-placeholder.svg';

instead of

    const bookImgDefaultSource = '../assets/images/book-case/no-image-placeholder.svg';

在script.js的第60行。

主站蜘蛛池模板: 无码精品人妻一区二区三区人妻斩| 麻豆天美国产一区在线播放| 免费看一区二区三区四区| 国产精品伦子一区二区三区| 精彩视频一区二区| 中文字幕在线观看一区| 一本大道东京热无码一区| 中文字幕一区二区三匹| 国产福利一区二区三区视频在线| 亚洲色精品三区二区一区| 精品无码一区二区三区水蜜桃| 中文字幕一区二区三区永久| 少妇激情一区二区三区视频| 亚洲欧美国产国产综合一区| 日本一区二区三区精品视频| 亚洲一区日韩高清中文字幕亚洲| 国产激情视频一区二区三区| 亚洲乱码av中文一区二区| 亚洲国产精品一区二区成人片国内| 亚洲一区二区三区夜色| 欧美日韩国产免费一区二区三区| 一区二区精品在线观看| 久久综合精品不卡一区二区| 日韩视频免费一区二区三区| 国产一区二区电影在线观看| 久久人妻无码一区二区| 国产一区二区视频在线观看| 中文字幕精品一区二区| 综合久久一区二区三区 | 精品无码一区二区三区亚洲桃色| 亚洲av无码一区二区三区四区 | 红桃AV一区二区三区在线无码AV | 日本一区二区三区四区视频| 中文字幕一区二区三区精华液 | 国产精品视频免费一区二区三区 | 亚洲国产成人久久一区WWW| 日韩内射美女人妻一区二区三区| 日本在线电影一区二区三区| 水蜜桃av无码一区二区| 一区二区三区高清视频在线观看| 久久综合亚洲色一区二区三区|