javascript - 单击时将图像预览到另一个 div

Question

我的图像预览有点问题，因为我想在单击确认按钮时将照片从#ImagePreview 获取到#photo2。

https://jsfiddle.net/0xd4odyf/3/

HTML

<img id="ImagePreview">
<input type="file" class="InputFile" onchange="document.getElementById('ImagePreview').src =window.URL.createObjectURL(this.files[0])">
<div id="photo2"></div>
<button id="confirm">confirm</button>

Answer 1

您可以获取所选图像(#ImagePreview)的src属性，然后将其设置为div(#photo2)的background-image属性。

$("#confirm").click(function()
{
   var img = $('#ImagePreview').attr('src');
   $("#photo2").css('background-image','url(' + img + ')');
});

示例:https://jsfiddle.net/0xd4odyf/5/