0

我一直在试图找出如何做到这一点。

我唯一能找到的是上传图像，然后 AJAX 预览上传的图像。

我怎样才能对图片网址做同样的事情？

ie 用户提交一个图片 url，然后 AJAX 给出图片的预览。

如果有另一种方法可以使用其他技术，JQuery，HTML5 也可以。:)

更新：

为了清楚起见，我指的是输入类型=“文本”而不​​是输入类型=“文件”

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 回答