jquery — php: // ввод изображения Uplaod с типом изображения

Я реализую перетащить и загрузить изображение с вызовом ajax,
Я видел учебник по этому вопросу и реализовал его так: с помощью этого кода я могу сохранить изображение только в формате .jpg! (или любой другой формат, который я указываю в коде)

загруженное изображение сохранено в PHP: // ввод папку, и нам нужно взять это изображение из этой временной папки, чтобы сохранить его на сервере,

но они ничего не сказали, чтобы изменить формат изображения в соответствии с тип изображения,

теперь я хочу загружать изображение в оригинальный формат, Как я могу собрать информацию об изображении во время его загрузки?

вот код

    <?php
$str =file_get_contents('php://input');
$filename = md5(time()).'.jpg';
$path = 'upload/'.$filename;
file_put_contents($path,$str);
echo $path;

Вот несколько JS для получения изображения и отправки AJAX-запроса:

    $(function(){

//select the drop container
var obj = $('.drop');

// dragover event listener
obj.on('dragover',function(e){
e.stopPropagation();
e.preventDefault();
$(this).css('border',"2px solid #16a085");
});

//drop event listener
obj.on('drop',function(e){
e.stopPropagation();
e.preventDefault();
$(this).css('border',"2px dotted #bdc3c7");

//get the files
var files = e.originalEvent.dataTransfer.files;
var file =files[0];
//console.log(file);

//upload data using the xhr object
upload(file);

});

function upload(file){

//create xhr object
xhr = new XMLHttpRequest();

//initiate request
xhr.open('post','drop.php',true);

//set headers
xhr.setRequestHeader('Content-Type',"multipart/form-data");
xhr.setRequestHeader('X-File-Name',file.fileName);
xhr.setRequestHeader('X-File-Size',file.fileSize);
xhr.setRequestHeader('X-File-Type',file.fileType);

//send the file
xhr.send(file);
}

});