0

たとえば、誰かがテキストエリアに何かを入力しているとしましょう。

これと同じくらい簡単なもの:

<textarea id="posttext" style="height: 50px; width: 80%;"></textarea>

テキスト領域の変更を検出するためのテキスト領域を既に取得していますが、誰かが次のように別のサイトから画像をコピーして貼り付けたとします: http://celticevolution.com/images/test-201.gif

その画像のURLを取得するにはどうすればよいですか? また、それらが複数の画像であるとしましょう。複数の画像を表示するにはどうすればよいでしょうか。

これは、Facebook の投稿システムのしくみに似ています。

ありがとう、クリス。

4

1 に答える 1

1

画像の URL かどうかを確認し、それに応じて対応する場合は、テキスト領域の onchange イベントで正規表現を使用して、gif、jpg、または png が含まれているかどうかを確認できます。

var result = text.match(/http:\/\/\S+(\.png|\.jpg|\.gif)/g);

ページの画像を繰り返し処理する場合は、ajax 呼び出しでページをキャプチャし、別の正規表現を実行してすべての「結果」に一致させ (上記で一致したように)、それらを配列に追加してから、インターフェイス... fbのように。

于 2012-04-20T21:27:47.520 に答える