javascript - 'http:' を img src に追加して、javascript で正しい画像の URL を取得する方法

Question

MediaWiki API (http://en.wikipedia.org/w/index.php?title=Main_Page&action=render) を介してウィキペディアから記事を取得する JavaScript ウィジェットがあります。これは、Samsung Smart TV 用のアプリです。これでテキスト部分は正常に動作しますが、img src が次のように構成されているため、画像は表示されません。

"//en.wikipedia.org/wiki/File:example.jpg"

そして、PC エミュレーターを使用して、Samsung ファームウェアがこのタイプの完全な URL に変換することに気付きました。

"file://localhost/en.wikipedia.org/wiki/File:example.jpg"

アプリが正しいリンクを指すように「http:」を src に追加して、サムネイルとフルサイズの画像の両方を表示することは可能ですか?

js コードの関連部分は次のとおりです。

UIContents.showImage = function(srcURLFromWikiPage, showHigherResolution) {
//    alert("UIContents.fillDescription()");


    var cutURL = srcURLFromWikiPage;

    //document.getElementById('UIContentsImgFrameiFrame').href = srcURL;
    //window.frames.UIContentsImgFrameiFrame.location.href = srcURL + "#file";

    //prepare link for full-size picture:
    //cutURL = cutURL.replace('thumb/','');
    //cutURL = cutURL.substring(0, cutURL.lastIndexOf('/'));

    //show preview thumb version
    //if (cutURL.match(/\.svg$/)) cutURL = srcURLFromWikiPage;
    alert('img src: ' + cutURL);
    //show preview thumb version
    var elemImg = document.getElementById('UIContentsImgFrameImage');

    document.getElementById('UIContentsImgFrame').style.display = 'block';
    //set image source
    if (showHigherResolution == true) elemImg.onload = 'UIContents.resizeImage()';
    elemImg.alt = 'loading...';
    elemImg.src = cutURL;

    elemImg.style.visibility = 'hidden';
    elemImg.style.visibility = 'visible';

    imageViewIsOpened = true;

    document.getElementById('UISearchField').style.visibility = 'hidden';
    document.getElementById('UISearchTextInput').style.visibility = 'hidden';

助言がありますか？前もって感謝します。

Answer 1

var cutURL = srcURLFromWikiPage.replace("file://localhost/","http://");