1

クリックするとページからすべての画像を抽出するブックマークレットを作成しました。

var imgs = $('img');
for(var i=0; i < imgs.length; i++) {
    console.log(imgs[i].src);
}

次回は、これらの画像をサーバーに保存して、ユーザーが私の Web サイトでこれらの画像にアクセスできるようにします。

pinterest などで使用されているスクリプトを調べたところ、iframe を使用しているように見えますが、空の HTML ドキュメントであるため、iframe の目的がわかりません。現在の Web サイトから自分の Web サイトに画像を送信するために、iframe などをどのように使用できますか?

4

2 に答える 2

1

<iframe>これには、JavaScript を使用して安全に挿入するために他の Web サイトからの協力が必要です (Facebook などの多くの Web サイトがこれを行っています)。この回答を見てください: Facebook の「いいね」ボタンはどのように機能しますか?

JSONP を使用してクロスドメイン リクエストを作成できます。画像ソースをあなたのサイトに投稿するだけです。次に、サイトで画像をダウンロードできます (html 自体から画像をダウンロードするのではなく)。

于 2012-12-05T08:15:16.870 に答える
0

ブックマークレットを介してバイナリ イメージ ファイルを送信することはできません。これらの画像の URL を含む HTTP GET または POST のみをサーバーに送信すると、サーバーが画像自体をフェッチします。クロスドメイン投稿を行う 1 つの方法は、form. で空白iframeを使用できるtargetため、formそのフォームを送信しても現在のページの場所は変更されません。

例：

<iframe style="display:none" name="myHiddenIframe"></iframe>
<form action="http://savepicturesite.abc/transload.php" target="myHiddenIframe" method="post">
  <input type="hidden" name="pic1" value="http://domain.com/pic.jpg">
</form>
于 2012-12-06T17:09:57.823 に答える