0

ボタンのクリックで新しい画像に切り替えることができるように、JavaScriptを厳密に使用してサーバー上のフォルダーから画像をインポートしようとしています。HTML を使用して写真をインポートする方法は知っていますが、JavaScript を使用してインポートする方法はありますか? これを行う最善の方法は何ですか？ヘルプ、ガイダンス、または例をいただければ幸いです。

4

1 に答える 1

1

ページの dom 要素内に画像を埋め込むことができます。myimage.jpgこれは、ファイルが同じディレクトリにあると仮定してこれを行う、非常に単純な html ファイルの例です。JavaScript の詳細については、 w3schoolsをご覧ください。

<html>
    <head>
    <script type="text/javascript">
    function btnClick()
    {
        spanElement = document.getElementById("imgContainer");
        spanElement.innerHTML = '<img src="myimage.jpg" />';
    }
    </script>
    </head>
    <body>
        <button onclick="btnClick()">Show Image</button>
        <span id="imgContainer"></span>
    </body>
</html>
于 2012-11-21T02:23:56.370 に答える