jQuery obtiene la imagen src

Espero que cuando haga clic en el botón, pueda obtener el img src específico y mostrar el img src en el img-blockbloque de clase div .

HTML

<button class="button">Click</button>
<div class="img1">
    <img src="img.jpg" alt="">
</div>

<div class="img-block"></div>

CSS

.img-block{
    position: absolute;
    top:10%;
    right:10%;
    background-color: red;
    width: 500px;
    height: 500px;
}
.img1 img{
    width: 200px;
}

JS

$('.button').click(function(){
  var images = $('.img1 img').attr(src);
  alert(images);      
});

Pero ahora me enfrento al problema que es obtener el img src.
Entonces utilizo alert para hacer la prueba, el resultado es que no alerta nada.

src debe estar entre comillas:

$('.img1 img').attr('src');

Puede encontrar likr

$('.class').find('tag').attr('src');

para uso completo de la URL

$('#imageContainerId').prop('src')

para uso de URL de imagen relativa

$('#imageContainerId').attr('src')

function showImgUrl(){
  console.log('for full image url ' + $('#imageId').prop('src') );
  console.log('for relative image url ' + $('#imageId').attr('src'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id='imageId' src='images/image1.jpg' height='50px' width='50px'/>

<input type='button' onclick='showImgUrl()' value='click to see the url of the img' />

Esto es lo que necesitas

 $('img').context.currentSrc

En mi caso, este formato funcionó en la última versión de jQuery:

$('img#post_image_preview').src;