文本更改时刷新图像

时间:2014-06-23 20:45:03

标签: javascript

我正在使用表单。有一个按钮可以将图像上传到服务器。上传图像后,表单域将获取图像文件名。 我还有一个显示默认图像的<img scr>。 我需要的是,当用户上传图像时,应显示此图像而不是默认图像。 这是接收上传的图像文件名的表单字段:

<input type="text" name="imagen" id="imagen" value="" size="32" onInput ="javascript:reloadpic();">

这是应该启动的脚本:

<script type="text/javascript">

        <!--

        function reloadpic()
        {

         alert ("ha cambiado");
         var timestamp = new Date().getTime();
         var image = "http://../platos/"+document.getElementById("imagen").value;
         document.images["imagenplato"].src = image;
         setTimeout("reloadpic();", 1000);
        }



         -->
</script>

但它从未发布过。 欢迎任何帮助。

1 个答案:

答案 0 :(得分:0)

首先,您的input[type="text"]不会用于图片目的。

我认为你需要将其更改为input[type="file"],然后触发一些事件。也许您需要将活动更改为onchange=""