Проверка размера файла в форме загрузки файла в Joomla 4

  1. Введение в валидацию формы загрузки файла в Joomla 4
  2. Проверка размера файла, который пытается загрузить пользователь на сайт с CMS Joomla 4
  3. Javascript
  4. Результат проверки размера файла, который пытается загрузить пользователь на сайт с CMS Joomla 4


Введение в валидацию формы загрузки файла в Joomla 4

Этот совет описывает проверку размера загрузки файлов для компонентов CMS Joomla 4, отличных от com_media. Соответствующий элемент формы в форме редактирования из приведенного ниже кода выглядит следующим образом:

Введение в валидацию формы загрузки файла в Joomla 4

Максимальный размер загружаемого файла может быть установлен средой хостинга, см. $upload_mb ниже, или вручную установлен произвольный предел, скажем, 1 Мб.

Проверка размера файла, который пытается загрузить пользователь на сайт с CMS Joomla 4

Следующий код находится в верхней части формы edit.php. Файл camp_infosheet - это файл JavaScript, содержащий код проверки, см. Ниже:

/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
$wa = $this->document->getWebAssetManager();
$wa->useScript('keepalive')
->useScript('form.validate')
->useScript('com_mycomponent.camp_infosheet');

$max_upload = (int)(ini_get('upload_max_filesize'));
$max_post = (int)(ini_get('post_max_size'));
$memory_limit = (int)(ini_get('memory_limit'));
$upload_mb = min($max_upload, $max_post, $memory_limit);

$doc = Factory::getDocument();
$doc->addScriptDeclaration("
	var infosheet_size_max = '{$max_upload}';
");

И следующий код идет в теле edit.php файла. Обратите внимание на пользовательский класс validate-infosheet_size, используемый для запуска проверки:

				<div class="controls">
					<input
						type="file"
						name="jform[infosheet]"
						id="jform_infosheet"
						class="form-control w20rem required validate-infosheet_size"
						accept="text/plain,application/msword,text/rtf,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text"
					/><br>
					Максимальный размер загрузки: <strong><?php echo $max_upload; ?>Mb</strong>
				</div>

Javascript

Это содержимое файла JavaScript сценария проверки:

document.addEventListener('DOMContentLoaded', (event) => {
	document.formvalidator.setHandler('infosheet_size', function(value) {
		return infosheet_size();
	});
});

function infosheet_size () {
	var infosheet = document.getElementById('jform_infosheet');
	if (infosheet.files.length == 0) {
		return false;
	}
	// проверка размера файла
	var size = infosheet.files[0].size;
	if (size > (infosheet_size_max * 1024 * 1024)) {
		alert('Этот файл больше допустимого! Размер = ' + size);
		return false;
	}
	return true;
}

Результат проверки размера файла, который пытается загрузить пользователь на сайт с CMS Joomla 4

Для проверки работы предложенного решения выберите файл размером более 2 МБ и попробуйте его загрузить на сайт с CMS Joomla 4, и появится диалоговое окно предупреждения, а затем это:

выберите файл размером более 2 МБ и попробуйте его загрузить на сайт с CMS Joomla 4

Текстовые константы для отображения на языке вашей локации проставьте самостоятельно. ;)

Перевод документации с английского:
https://docs.joomla.org/Joomla_4_Tips_and_Tricks:_Form_Validation_File_Size

Заберите ссылку на статью к себе, чтобы потом легко её найти ;)

Выберите, то, чем пользуетесь чаще всего:

Спасибо за внимание, оставайтесь на связи! Ниже ссылка на форум и обсуждение ; )

Войдите чтобы комментировать

Обсудить эту статью

INFO: Вы отправляете сообщение как 'Гость'