クリックして別の部門に画像プレビューを取得

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（＃1写真2）のbackground-image属性として設定することができます。

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

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