当文本改变时，刷新图像

Refreshing image when text changes

本文关键字：刷新 图像 文本 改变      更新时间：2023-09-26

我正在处理一个表单。有一个按钮可以上传图像到服务器。上传图像后，表单字段将获得图像文件名。我也有一个<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>

但是它从来没有启动过。欢迎任何帮助

首先，您有一个不用于图像目的的input[type="text"]。

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

相关文章：