javascript - 按下按钮时,如何将用户上传的图像传递到另一个 div?

标签 javascript php jquery html css

在我的代码中,第一个 div 用于显示图像。第二个 div 用于上传 ani 图像,第三个 div 将显示预览。我想在按下按钮时在第一个 div 中显示上传的图像。

<html>
<body>
   <div id="imgspace1" class="container">
        <!-- image preview div -->
        <div id="image_preview1"><img id="previewing1" src="" /></div>
   </div>
<!--image upload part-->
   <div>
   <form id="uploadimage" action="" method="post" enctype="multipart/form-data">
       <input type='file' onchange="readURL(this);" />
   </form>
   </div>
<div id="image_edit" class="container">
   <img id="image_preview" src="#" alt="Upload Image"/> </div>
<div>
<input id="confirm_button" type="button"  value="Confirmn" onclick="('')"/>
</div>
</body>
</html>

最佳答案

如果您最关心的是显示图像的预览,您可以使用 EZDZ js库。然后你只需要添加一个图像标签并导入.js和.css文件,你就可以看到预览,然后通过ajax上传。

关于javascript - 按下按钮时,如何将用户上传的图像传递到另一个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32731631/

相关文章:

javascript - 如何将 knockout.js 与 leaflet.js map 标记一起使用?

php - 为电子邮件模板中动态添加的 html 代码设置样式

javascript - 幻灯片功能

javascript - ASP.Net MVC Ajax 请求触发一次,然后将不再触发

javascript - react-ultimate-pagination 组件设置

javascript - 如何从多个元素中删除事件

php - MySQL:如果第 2 列中不存在值,如何更新第 1 列

php - 无法以多步骤形式获取其他步骤的日期值

javascript - 如何限制对元素的点击

Javascript 匹配字符串中的多次出现?