如何爲JS中的圖像指定兩個可能的文件路徑？

我已經通過Google和Stack Overflow搜索欄對此進行了一些搜索，並且沒有任何相關內容顯示。我甚至不確定這是否可能，所以讓我知道如果不是這樣。我正在尋找的是爲圖像設置兩個可能的文件路徑（SVG文件）的方法，例如，如果圖像不在第一個文件路徑/位置，它會嘗試第二個。我有這樣一個對象，以便：如何爲JS中的圖像指定兩個可能的文件路徑？

this.bookmarkButtonConfig = { 
    "oc-control": "BookmarkButton", 
    "label": "BookmarkButton", 
    "group": "primary", 
    "action": "onBookmark", 
    "buttonType": "toggle", 
    "image": "$MODULE_PATH/images/favorite-icon.svg" 
}

所有這些屬性，然後被別的東西讀取和上構成所述特性基礎上的按鈕，但是這並不重要這一點。有沒有一種方法可以設置"image"，以便在一個文件路徑中查找圖標，然後如果不存在，它會嘗試第二個文件路徑？是否有某種功能或方法可以做到這一點？

感謝您的幫助！

來源

2017-07-24 Kyle M.

看看這是否有幫助。檢查圖像可用性（在this.bookmarkButtonConfig = {....}之前）並將其路徑存儲在變量中。然後在你的「圖片」中使用該變量 –

你有任何框架使用？ –

@ChristianEsperar我不能添加任何框架，如果這就是你的意思。 –

是的，你可以使用AJAX調用來檢查圖像服務器中存在，第一次寫這樣的功能：

var src = imageExists(the first url) ? "the first url" : "the second url";

：

function imageExists(url){ 
    var http = new XMLHttpRequest(); 

    http.open('HEAD', image_url, false); 
    http.send(); 

    return http.status != 404; 
}

然後根據結果是這樣分配的網址

來源

2017-07-24 16:04:34 Sletheren

在第四行中，image_url應該是「url」，就像函數所採用的參數一樣？ –

是的，一個URL，像「http://www.example.com/path/to/image.png」 – Sletheren

對不起，我不清楚。我的意思是，http.open（）的第二個參數應該與imageExists（）函數的參數相同？ –

如何爲JS中的圖像指定兩個可能的文件路徑？

回答

相關問題