0

私はこれを行う方法を見つけようとしています。

私が見つけた唯一のことは、画像をアップロードしてから、アップロードされた画像をAJAXでプレビューすることです。

画像の URL に対して同じことを行うにはどうすればよいですか?

つまり、ユーザーが画像の URL を送信すると、AJAX が画像のプレビューを表示します。

他のテクノロジー、JQuery、HTML5 でこれを行う別の方法があれば、それも問題ありません。:)

アップデート：

これを明確にするために、input type="file" ではなく、input type="text" を参照しています。

4

2 に答える 2

3

テキスト入力に入力された URL に基づいて画像を表示するには、次のように、URL を取得して画像タグのソースとして使用します。

<input type="text" id="url"/>  <!--text input-->
<input type="button" id="btn" value="show image" /> <!--button to get the image-->
<img src="" id="img">​ <!--image tag to show the image-->

JS:

$('#btn').on('click', function() {           //on click of button
    $('#img').attr('src', $('#url').val());  //get the input value and 
});​                                          //set it as the source attribute

フィドル

于 2012-12-21T08:51:48.413 に答える
0

html5 では、アップロードされたファイル データを取得して、画像またはキャンバスの src 属性として書き込むことができます。これを参照してください:入力フォームから Base64 エンコード ファイル データを取得する

于 2012-12-21T07:51:25.597 に答える