phpmyadmin/resources/js/transformations/image_upload.ts
Maurício Meneghini Fauth 0d843e68fe
Replace var with let or const in TypeScript files
Most of the changes were done by PhpStorm.

Signed-off-by: Maurício Meneghini Fauth <mauricio@mfauth.net>
2026-04-09 20:48:22 -03:00

33 lines
939 B
TypeScript

import $ from 'jquery';
import { AJAX } from '../modules/ajax.ts';
/**
* Image upload transformations plugin js
*
* @package PhpMyAdmin
*/
AJAX.registerOnload('transformations/image_upload.js', function () {
// Change thumbnail when image file is selected
// through file upload dialog
$('input.image-upload').on('change', function () {
const fileInput = this as HTMLInputElement;
if (fileInput.files && fileInput.files[0]) {
const reader = new FileReader();
const $input = $(this);
reader.onload = function (e) {
$input.prevAll('img').attr('src', (e.target.result as string));
};
reader.readAsDataURL(fileInput.files[0]);
}
});
});
/**
* Unbind all event handlers before tearing down a page
*/
AJAX.registerTeardown('transformations/image_upload.js', function () {
$('input.image-upload').off('change');
});