Как прикрепить несколько файлов к письму одновременно

Как прикреплять файлы в форме обратной связи поочередно?

С помощью этой конструкции возможно выбрать в открывшимся окне или один, или же сразу несколько файлов. Возможно ли как-то с помощью jquery разрешить в этой форме в открывшимся окне выбор только одного файла, и при его выборе, чтобы скрипт добавлял кнопку «добавить еще файл», при нажатии на которую будет добавляться еще одно поле с возможностью выбрать следующий файл (предел — 10 файлов)? При этом, при добавлении следующего инпута, предыдущий должен прятаться (или становиться просто неактивным).

Отслеживать
Sevastopol’
задан 16 сен 2017 в 17:16
Sevastopol’ Sevastopol’
28.2k 12 12 золотых знаков 76 76 серебряных знаков 143 143 бронзовых знака
А должна быть возможность удалять уже подключенные файлы?
18 сен 2017 в 20:32
Тогда и редактировать тоже?
18 сен 2017 в 20:42

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Постарался учесть все нюансы, но, возможно, что-то можно улучшить, а что-то и вовсе упростить.

$('.attach').each(function() < // на случай, если таких групп файлов будет больше одной var attach = $(this), fieldClass = 'attach__item', // класс поля attachedClass = 'attach__item--attached', // класс поля с файлом fields = attach.find('.' + fieldClass).length, // начальное кол-во полей fieldsAttached = 0; // начальное кол-во полей с файлами var newItem = '
Добавить файл 
Изменить
Удалить
'; // разметка нового поля // При изменении инпута attach.on('change', '.attach__input', function(e) < var item = $(this).closest('.' + fieldClass), fileName = ''; if (e.target.value) < // если value инпута не пустое fileName = e.target.value.split('\\').pop(); // оставляем только имя файла и записываем в переменную >if (fileName) < // если имя файла не пустое item.find('.attach__name').text(fileName); // подставляем в поле имя файла if (!item.hasClass(attachedClass)) < // если в поле до этого не было файла item.addClass(attachedClass); // отмечаем поле классом fieldsAttached++; >if (fields < 10 && fields == fieldsAttached) < // если полей меньше 10 и кол-во полей равно item.after($(newItem)); // добавляем новое поле fields++; >> else < // если имя файла пустое if (fields == fieldsAttached + 1) < item.remove(); // удаляем поле fields--; >else < item.replaceWith($(newItem)); // заменяем поле на "чистое" >fieldsAttached--; if (fields == 1) < // если поле осталось одно attach.find('.attach__up').text('Загрузить файл'); // меняем текст >> >); // При нажатии на "Изменить" attach.on('click', '.attach__edit', function() < $(this).closest('.attach__item').find('.attach__input').trigger('click'); // имитируем клик на инпут >); // При нажатии на "Удалить" attach.on('click', '.attach__delete', function() < var item = $(this).closest('.' + fieldClass); if (fields >fieldsAttached) < // если полей больше, чем загруженных файлов item.remove(); // удаляем поле fields--; >else < // если равно item.after($(newItem)); // добавляем новое поле item.remove(); // удаляем старое >fieldsAttached--; if (fields == 1) < // если поле осталось одно attach.find('.attach__up').text('Загрузить файл'); // меняем текст >>); >);

.attach__head < border-bottom: #000 solid 1px; text-transform: uppercase; font-weight: 700; padding: 0 0 5px 0px; margin: 0 0 5px 0; >.attach__item < border-bottom: #ccc solid 1px; padding: 0 0 5px 0px; margin: 0 0 5px 0; >.attach__item:last-of-type < margin-bottom: 0px; border-bottom: none; >.attach__up < cursor: pointer; >.attach__edit, .attach__delete < display: none; margin-right: 10px; cursor: pointer; >.attach__edit < color: #2f7dfe; >.attach__delete < color: #f00; >.attach__item--attached .attach__up < display: none; >.attach__item--attached .attach__edit, .attach__item--attached .attach__delete < display: inline-block; >.attach__input

 
 
Прикрепите файлы (максимум 10 файлов):
 
 
Загрузить файл
  
Изменить
 
Удалить
 
 
 

UPDATE

Переписал логику работы:

• Новое поле теперь не является клоном старого, а формируется из заранее заданной разметки — это позволит избежать проблем с дублированными файлами при отправке и устранит «невозможность» повторного добавления файла после его «удаления»;
• Поменялись условия проверки для добавления/изменения/удаления файлов;
• Исправлена ошибка, не позволяющая добавить новый файл, если при максимальном количестве полей было удалено одно из полей;
• Классы полей вынесены в отдельные переменные для удобства.

как прикрепить к письму несколько файлов одновременно?

Файлы можно либо «прикрепить файл» к письму
либо добавить картинку через опцию «Вставить» в тело письма.

Остальные ответы
по очереди или заплющить их в архив и отослать одним файлом
Закидывай в архив сколько хочешь и отправляй
заархивировать в папку и прикрепить )))

Про архивацию правильно сказано но если нет архиватора то попробуй другой почтой воспользоваться например на яндексе

Похожие вопросы
Ваш браузер устарел

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

Как прикрепить несколько файлов к письму одновременно

Книга построена в форме иллюстрированных ответов на всевозможные вопросы, которые обычно возникают у начинающего пользователя нетбука. Рассмотрены настройка нетбука, основы работы в Windows 7, установка и использование популярных прикладных программ (антивирусов, архиваторов, переводчиков, гаджетов, бесплатных приложений Google и др.). Особое внимание уделено созданию сети и подключению к Интернету (по ADSL, GPRS, 3G/4G, Wi-MAX и выделенной линии). Продемонстрированы основы работы с браузерами Internet Explorer 8 и Opera, использование электронной почты, обмен сообщениями в ICQ и QIP, организация телефонных разговоров с помощью Skype. Описано подключение мобильного телефона и цифрового фотоаппарата. Показано, как слушать интернет-радио и музыку, смотреть фильмы и многое другое.

Книги автора: Наглядный самоучитель работы на нетбуке

Книга: Наглядный самоучитель работы на нетбуке

Как прикрепить к письму файлы?

Скрыть рекламу в статье

Как прикрепить к письму файлы?

Если вы хотите послать кому-то файлы через Интернет, простейший способ — отправить адресату сообщение электронной почты и прикрепить к нему файлы.

Создайте новое письмо. В окне нового сообщения нажмите кнопку Вложить (1).

На экране появится окно выбора файлов.

В левой части окна в дереве библиотек и папок выберите нужную папку, затем щелкните мышью на файле, который вы хотите прикрепить к письму (2).

Чтобы выбрать сразу несколько файлов, находящихся в одной папке, щелкайте мышью на их значках, одновременно нажав и удерживая клавишу Ctrl.

Например, таким образом удобно прикреплять к письму несколько фотографий.

Выбрав файлы, нажмите кнопку Открыть (3) или клавишу Enter.

В окне сообщения ниже полей Кому и Тема появятся значки прикрепленных к письму файлов.

Вложение файла в сообщение электронной почты

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

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

Работа с вложениями

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

Улучшенная электронная почта является формой электронной почты по умолчанию, однако вы можете переключать формы, выполнив следующие действия:

1. Под названием темы сообщения электронной почты нажмите на значок каретки (v) рядом с пунктом Эл. почта
2. Появится раскрывающийся список параметров формы сообщений электронной почты, из которых вы можете выбрать.

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

Вложение файлов в форме электронной почты

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

Вложение файлов в форме улучшенной электронной почты

1. Улучшенная электронная почта. Этот экран подтверждает, что вы работаете в форме Улучшенная электронная почта.
2. Вложенные файлы. В этом разделе отображаются все вложения электронной почты в виде плитки над сообщением по горизонтали. По умолчанию максимальное количество файлов, которые могут отображаться, составляет пять вложений перед отображением функции перемотки страниц.
3. Число файлов. Это отображается, когда у вас файлы занимают больше двух строк, и позволяет увидеть общее количество вложенных файлов слева под последним вложением с возможностью пролистнуть страницу, чтобы увидеть больше файлов.
4. Команды вложения. Это позволяет вам использовать функции выбора, выбора всех, сортировки, удаления и загрузки при работе с вложенными файлами.

Работа с панелью команд вложений

Когда вы вложили один или несколько файлов в сообщение, вы можете управлять ими с помощью команд вложения файлов.

Команды выбора

Команды выбора позволяют выбрать отдельные файлы или несколько файлов одновременно.

Выбрать все. Эта команда расположена справа над вложенными файлами и позволяет выбрать сразу все вложенные файлы.

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

Форматирование файловых вложений в сообщении электронной почты может быть изменено в зависимости от используемого устройства и формата, в котором оно работает.

1. Формат отображения Независимо от формата отображения, вложенные файлы будут отображать только количество файлов, разрешенных вашим системным администратором.
2. Представление страниц. Представление страниц отображает общее количество вложений в сообщении электронной почты и всегда отображается под вложенными файлами.

Команды удаления и скачивания

Это две самые важные команды при работе с изображениями.

1. Удалить. Эта команда работает с командами Выбрать. Перед удалением файла его необходимо сначала выбрать. Появится запрос подтверждения, в котором вам потребуется подтвердить, что вы хотите удалить выбранные файлы.
2. Загрузить. Эта команда также работает с командами Выбрать и параметрами загрузки вашего браузера, позволяя загружать отдельный файл или несколько файлов одновременно.

Предварительный просмотр вложенных изображений

1. Дополнительные параметры. Эта команда предоставляет список действий для этого типа файла.
2. Изображение без предварительного просмотра. Только типы изображений без предварительного просмотра позволяют вам экспортировать выбранные записи, скачать или удалить прикрепленный файл.
3. Типы изображений с предварительным просмотром. Позволяет вам экспортировать выбранные записи, предварительно просмотреть, скачать или удалить прикрепленный файл. Когда вы выбираете параметр предварительный просмотр, появляется всплывающее окно с изображением с именем, указанным ниже.

Поддерживаемые вложения файлов электронной почты

Ниже приведен список поддерживаемых типов файлов изображений:

тип изображения	поддерживает предварительный просмотр	поддерживается встроенное (в редакторе)
BMP.bmp	Да	Да
GIF.gif	Да	Да
ICO.ico	Да	Да
JPG.jpg	Да	Да
PNG.png	Да	Да
SVG.svg	Да	Да
PDF.pdf	Да (предварительный просмотр не поддерживается в IE)	Нет

Просмотр и вставка изображений в сообщение электронной почты

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

Вы можете перетаскивать или копировать и вставлять изображения в сообщение электронной почты.

1. Изображения в сообщениях электронной почты Вы можете настроить размер изображения.
2. Сохраните. После завершения правки выберите Сохранить или Сохранить и закрыть.

Примечание При добавлении встроенного изображения в электронное письмо для шаблонов электронной почты существует ограничение на размер файла 1 МБ. (Для новых писем или писем с ответом нет ограничений на размер письма (оно становится частью общего размера письма).

Обратная связь

Отправить и просмотреть отзыв по