Ограничение типов отправляемых файлов средствами JQuery - История изменений

Mad grant: переименовал «Ограничение списка типов файлов которые пользователи могут послать через обратную связь с помощью JQuery» в «[[Ограничение т

2014-03-31T12:39:07Z

переименовал «Ограничение списка типов файлов которые пользователи могут послать через обратную связь с помощью JQuery» в «[[Ограничение т

Mad grant: переименовал «Ограничение списка типов файлов, которые пользователи могут послать через обратную связь, с помощью JQuery» в «[[Ограничение

2014-03-31T12:38:10Z

переименовал «Ограничение списка типов файлов, которые пользователи могут послать через обратную связь, с помощью JQuery» в «[[Ограничение

Alexei в 09:21, 24 марта 2014

2014-03-24T09:21:11Z

Alexei: Новая страница: «'''Актуально для версии 2.9.5''' Если мы хотим задать список типов файлов, которые можно отпра…»

2014-03-24T09:15:48Z

Новая страница: «'''Актуально для версии 2.9.5''' Если мы хотим задать список типов файлов, которые можно отпра…»

Новая страница

'''Актуально для версии 2.9.5'''

Если мы хотим задать список типов файлов, которые можно отправлять через форму обратной связи пользователям, то это можно сделать несколькими путями. В данной статье мы рассмотрим реализацию данного функционала с помощью JQuery.

Код можно расположить в новом файле, назовем его checkfile.js. В самом файле необходимо написать следующее -
<source lang="javascript">
$(document).ready(function() {

$('.sendForm').click(function() {
var extension = $('#download_file').val().trim().split(".").pop();
var allowedFileTypes = [ "doc", "docx", "xls", "xlsx", "ppt", "pptx", "pps", "ppsx", "odt", "sxw", "ods", "odg", "pdf",
"csv", "html", "js", "tpl", "xsl", "xml", "css", "zip", "rar", "7z", "tar", "gz", "exe", "msi", "rtf", "chm", "ico", "psd",
"flv", "mp4", "swf", "mp3", "wav", "wma", "ogg", "aac", "jpg", "jpeg", "gif", "bmp", "png" ];
if (extension == null || extension == "") {
return
} else {
if ($.inArray( extension, allowedFileTypes ) >= 0) {
return;
}
alert("Запрещено загружать файлы с расширением ." + extension);
$('#our_form').removeAttr('action');
}
});
});
</source>

В переменную allowedFileTypes мы передаем типы файлов, которые пользователю могут посылать через обратную связь.

Чтобы подключить этот файл, необходимо в шаблоне, который у Вас отвечает за вывод формы обратной связи, прописать следующий код:
<source lang="xml">
<script type="text/javascript" charset="utf-8" src="/путь_до_вашего_файла/checkfile.js"></script>
</source>

Теперь осталось только добавить класс sendForm на кнопку отправки сообщения

[[Категория:Модуль Интернет магазин]]

← Предыдущая	Версия 12:39, 31 марта 2014
(нет различий)

← Предыдущая	Версия 12:38, 31 марта 2014
(нет различий)

@@ Строка 32: / Строка 32: @@
 </source>
-Теперь осталось только добавить класс sendForm на кнопку отправки сообщения
+Теперь осталось только добавить класс sendForm на кнопку отправки сообщения, id download_file на input type="file" и id our_form на тег <form>.
 [[Категория:Модуль Интернет магазин]]