t
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<section class="diZContainer diZmxAuto ">
|
||||
<h1 class="diZBorderBottom">Image Compression Tool</h1>
|
||||
<div class="toolsSection diZMaxW500 diZmxAuto diZmy20">
|
||||
<div class="toolsSection diZMaxW600 diZmxAuto diZmy20">
|
||||
<div>
|
||||
<input type="file" id="imageInput" accept="image/*">
|
||||
</div>
|
||||
@@ -16,8 +16,8 @@
|
||||
<span id="imageSize" class="image-size"></span>
|
||||
</div>
|
||||
<div class="diZFlexBetween">
|
||||
<button class="comp-button" onclick="compressImage()">Compress Image</button>
|
||||
<a class="diZDisplayNone diZButtonDefault" id="downloadLink" href="#" download="compressed_image.jpg">Download Compressed Image</a>
|
||||
<button class="comp-button" onclick="compressImage()"><span>Compress Image</span></button>
|
||||
<a class="diZDisplayNone diZButtonDefault" id="downloadLink" href="#" download="compressed_image.jpg"><span>Download Compressed Image</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -57,7 +57,7 @@ function compressImage() {
|
||||
|
||||
preview.src = url;
|
||||
downloadLink.href = url;
|
||||
downloadLink.style.display = 'block';
|
||||
downloadLink.style.display = 'flex';
|
||||
|
||||
const imageSizeSpan = document.getElementById('imageSize');
|
||||
const compressedSize = (blob.size / 1024).toFixed(2); // Convert bytes to kilobytes and round to 2 decimal places
|
||||
|
||||
Reference in New Issue
Block a user