Add content type preview to paste.html

This commit is contained in:
Joe Ma 2022-09-12 12:36:45 +08:00
parent b3b7fafe8c
commit 9c72be7133
No known key found for this signature in database
GPG key ID: 7A0ECF5F5EDC587F

View file

@ -66,7 +66,7 @@
<br> <br>
<div> <div>
<input id="reset_button" type="reset" value="Reset"> <input id="reset_button" type="reset" value="Reset">
<input id="sumbit_form_button" type="submit" value="Sumbit"> (<span id="file_size">0 bytes</span>) <input id="sumbit_form_button" type="submit" value="Sumbit"> (<span id="file_stats">0 bytes</span>)
</div> </div>
</div> </div>
</form> </form>
@ -77,14 +77,14 @@
this.style.height = this.scrollHeight + 'px'; this.style.height = this.scrollHeight + 'px';
} }
function update_file_size() { function update_file_status() {
let bytes = this.files[0]?.size ?? 0; let bytes = this.files[0]?.size ?? 0;
let size = bytes + ' bytes'; let size = bytes + ' bytes';
const units = ['KiB', 'MiB', 'GiB', 'TiB']; const units = ['KiB', 'MiB', 'GiB', 'TiB'];
for (let i = 0, approx = bytes / 1024; approx > 1; approx /= 1024, i++) { for (let i = 0, approx = bytes / 1024; approx > 1; approx /= 1024, i++) {
size = approx.toFixed(3) + ' ' + units[i]; size = approx.toFixed(3) + ' ' + units[i];
} }
document.getElementById('file_size').innerHTML = size; document.getElementById('file_size').textContent = `${this.files[0]?.type ?? 'application/application/octet-stream'}, ${size}`;
} }
function toggle_password() { function toggle_password() {
@ -128,7 +128,7 @@
} }
} }
document.getElementById('upload_file').addEventListener('input', update_file_size, false); document.getElementById('upload_file').addEventListener('change', update_file_status, false);
document.getElementById('text_input').addEventListener('input', update_textarea, false); document.getElementById('text_input').addEventListener('input', update_textarea, false);
document.getElementById('show_pass_button').addEventListener('change', toggle_password, false); document.getElementById('show_pass_button').addEventListener('change', toggle_password, false);
document.getElementById('reset_button').addEventListener('click', reset_form, false); document.getElementById('reset_button').addEventListener('click', reset_form, false);