PHP - Renombrar archivos al Guardar

echo "<img src=fotos/$foto?ran=".rand(100,1000)." width='171' height='207' title='$foto'  id='foto' border = '1' align='middle' />";

<style>

	.download_image {

		display:inline-block;

		position:relative;

	}

	.download_image .download_icon{

		display:none;

		cursor:pointer;

	}

	.download_image:hover .download_icon{

		display:unset;

		position:absolute;

		right:5px;

		bottom:5px;

	}

	.download_icon img{

		width:32px;

	}

</style>

<div class="download_image" >

	<img src='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQEPqqlzdcl_8msnalRnJB4iWEx63Jk33II2jSpQRkRug&s' data-name="foto.png" />

	<div class="download_icon">

		<img src="https://archive.org/download/downloads-icon-15/downloads-icon-15.png" />

	</div>

</div>

<script>

	const coverntFiletoBlobAndDownload = async (file, name) => {

		const blob = await fetch(file).then(r => r.blob());

		const url = URL.createObjectURL(blob);

		const a = document.createElement('a');

		a.style.display = 'none';

		a.href = url;

		a.download = name;

		document.body.appendChild(a);

		a.click();

		window.URL.revokeObjectURL(url);

		a.remove();

	}

	document.querySelector('.download_icon').addEventListener('click', function(){

		file = this.previousElementSibling;

		coverntFiletoBlobAndDownload(file.src, file.dataset.name);

	});

</script>