1

javascript コードを使用して外部 Web ページから画像を取得する方法はありますか?

説明します: 私はウェブサイトを持っており、たとえば www.one.com としましょう。このウェブサイトのホームページに、別のウェブサイト (www.two.co.il としましょう) に存在する画像を表示したいと考えています。

私はそれを行うことができますか？

4

5 に答える 5

3

これを試して：

var img = document.createElement("img");
    img.src = "http://www.two.co.il/image.jpg";
document.body.appendChild(img);
于 2012-06-18T13:12:06.977 に答える
2

便利なことは、HTML で最初にプレースホルダーを作成することです。

<div id='externalImage'></div>

レイアウトが変更され、正確な配置が可能になった場合でも、機能が中断されないためです。

画像をどのように配置するかについての実際の質問については、タグから Jquery を使用すると仮定すると、次のようになります。

$("#externalImage").html("<img src=\"http://put.url.here/image.jpg\" />");

前述のプレースホルダーに挿入する場合。それ以外の場合は、ドキュメントに画像を明白に追加するにdocument.body.appendChildは、他の回答のように、文書化された BODY または他の場所に画像を追加できます。

于 2012-06-18T13:21:26.297 に答える
1

はい。

var image = document.createElement('img');
image.setAttribute('src', 'http://www.two.co.il/foo.jpeg');
image.setAttribute('alt', 'something suitable');
document.body.appendChild(image);

他のサイトから JSにコンテンツを取得しようとしない限り(DOM で img 要素を作成しているので、JS はそれ以上関与しません)、Same Origin ポリシーに遭遇することはありません。 .

于 2012-06-18T13:13:03.810 に答える
1

または単に：

$("<img src='" + imgUrl + "' alt='" + altText + "'>").appendTo("body");
于 2012-06-18T13:15:38.003 に答える
0

divを作成し、高さと幅でid="div1"を指定します

 <div id='div1' height='100' width='100'></div>
    $('#div1').css('background-image, 'http://www.two.co.il/urImage.jpg');

画像を適用する最短の方法です

于 2012-06-18T13:23:20.323 に答える