body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
padding: 20px;
text-align: center;
}

div {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
max-width: 400px;
margin: 0 auto;
}

label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: #333;
}

input[type=”file”] {
width: 100%;
padding: 10px;
box-sizing: border-box;
margin-bottom: 16px;
}

select {
width: 100%;
padding: 10px;
box-sizing: border-box;
margin-bottom: 16px;
}

button {
background-color: #4caf50;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}

button:hover {
background-color: #45a049;
}

#downloadLink {
margin-top: 20px;
}

a {
color: #3498db;
text-decoration: none;
font-weight: bold;
}

a:hover {
text-decoration: underline;
}


JPG
PNG
GIF

function convertImage() {
var fileInput = document.getElementById(‘fileInput’);
var selectExtension = document.getElementById(‘selectExtension’);
var downloadLink = document.getElementById(‘downloadLink’);

if (fileInput.files.length > 0) {
var file = fileInput.files[0];
var originalFileName = file.name;
var originalExtension = originalFileName.split(‘.’).pop();
var selectedExtension = selectExtension.value;

if (originalExtension !== selectedExtension) {
var newFileName = originalFileName.replace(originalExtension, selectedExtension);

// Simulate server-side conversion (replace with actual server-side logic)
var convertedDataURL = ‘path/to/convert-script.php?originalFileName=’ + originalFileName + ‘&newFileName=’ + newFileName;

// Display download link
downloadLink.innerHTML = ‘Download Converted Image‘;
} else {
alert(‘Selected extension is the same as the original extension.’);
}
} else {
alert(‘Please choose a file.’);
}
}

Showing the single result

Augue adipiscing euismod

199.00
Scelerisque facilisi rhoncus non faucibus parturient senectus lobortis a ullamcorper vestibulum mi nibh ultricies a parturient gravida a vestibulum leo sem in. Est cum torquent mi in scelerisque leo aptent per at vitae ante eleifend mollis adipiscing.