ORIGIN-SIZE

${imgW} * ${imgH} ${origin_size} KB

RE-SIZE

${reW} * ${reH} ${re_size} KB

` ); $("html, body").animate( { scrollTop: $(".image-preview").offset().top }, 2000 ); }; const dataURLToBlob = dataURL => { const BASE64_MARKER = ";base64,"; if (dataURL.indexOf(BASE64_MARKER) === -1) { const parts = dataURL.split(","); const contentType = parts[0].split(":")[1]; const raw = parts[1]; return new Blob([raw], { type: contentType }); } const parts = dataURL.split(BASE64_MARKER); const contentType = parts[0].split(":")[1]; const raw = window.atob(parts[1]); const rawLength = raw.length; const uInt8Array = new Uint8Array(rawLength); let i = 0; while (i < rawLength) { uInt8Array[i] = raw.charCodeAt(i); i++; } return new Blob([uInt8Array], { type: contentType }); }; $(".image-upload").on("change", e => { load_image(e); }); const percent_counter = datapos => { $(".loading-line").animate( { width: datapos }, { easing: "linear", duration: 100, step: function(now) { var data = now; const datatwo = data.toFixed(0); const datapos = Math.abs(datatwo); $(".loading-percent").html(datapos + "%"); } } ); setTimeout(e => { $(".loading-bar").css("width", "0px"); $(".loading-percent").html("0%"); }, 3000); }; const percent_bar = percent => { const datatwo = percent.toFixed(0); const datapos = Math.abs(datatwo); $(".loading-bar").css("width", `${datapos / 10}em`); return datapos; };

9jvp2o30zo