powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JS) JQuery одновеременная загрзука данных и фото без ajaxForm
7 сообщений из 7, страница 1 из 1
(JS) JQuery одновеременная загрзука данных и фото без ajaxForm
    #36075032
eualexey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день!
Собственно вопрос в теме. Хочу отправить из формы одновременно данные (json) и фотографии. Собственно вопрос возможно ли это сделать как то на $.ajax ?
Есть такой плагин ajaxForm в нем все элементарно нажал на кнопку все ушло как надо на сервер но он не устраивает по:
1) как я ни крутил его как я понял он рабоатет только если форма отправляется путем нажатия на кнопку submit - а не на ссылку к которой привязан скрипт
2) использовать кнопку в виде изображения не хочеться ибо кнопки рисуются с помощью css, а тут придется под каждую кнопку картинку рисовать.
функция сия замечательно ибо в ней все максимум автоматизировано, но уж очень хочется сабмититься через гиперссылку. Соответственно
как запихнуть в одну отправку данных серверу и json и данные multipart?
Спасибо!
...
Рейтинг: 0 / 0
(JS) JQuery одновеременная загрзука данных и фото без ajaxForm
    #36075144
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ты что-то мутишь и мутишь ... читай доки больше.

Что значит отправлять фотографии? Так как страница не связана с локальным компом, то зачем на сервер отправлять фотки, полученные с сервера? А если речь идет о input type=file, то так и говори - бинарный файл или просто файл, не надо путать людей.

Если я все же угадал, и тебе надо отправить с клиента выбранный файл и "одновременно" json-объект, то зачем колупать мозг и делать это в одном запросе? Используй для формирования и отправки json-объекта технологию, которую ты терзаешь уже неделю, а для отправки файла свою реализацию или, что удобнее, плагин jquery.upload (кажется). Прелесть отправки данных на сервер посредством jQuery также заключается в том, что не надо следить за количеством "потоков" ajax - он это делает за нас и в случае надобности сам создает очередь отправки. Для сервера разделение задач даже удобнее :) - вроде все серверные языки многопоточны.

Скажу по себе, я сталкивался с подобной задачей - отправка данных и файла. Для этого отправлял сначала данные, среди которых была инфа об отправляемом файле (как бы подготавливали сервер), а затем уже кидался файл.
...
Рейтинг: 0 / 0
(JS) JQuery одновеременная загрзука данных и фото без ajaxForm
    #36075651
eualexey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruck,
IDVsbruckты терзаешь уже неделю
Это не я его это он меня
А как решали вопрос связки: данные - фото?
Я в базу хочу заносить сгенерированную ссылку на картинку, а если фотка будет идти после либо до данных не в одном запросе то я её никак не привяжу к записи в бд.
IDVsbruckто зачем колупать мозг и делать это в одном запросе? Используй для формирования и отправки json-объекта технологию, которую ты терзаешь уже неделю, а для отправки файла свою реализацию или, что удобнее, плагин jquery.upload (кажется).
Чувствую я придется рисовать кнопачку
...
Рейтинг: 0 / 0
(JS) JQuery одновеременная загрзука данных и фото без ajaxForm
    #36075874
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Чё-то не въехал. Как это инпут типе=филе и вдруг аяксом? Что жквери умеет файлы аяксом передавать???
...
Рейтинг: 0 / 0
(JS) JQuery одновеременная загрзука данных и фото без ajaxForm
    #36075917
eualexey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge,

умеет вот чтоб не возиться готовое пример
...
Рейтинг: 0 / 0
(JS) JQuery одновеременная загрзука данных и фото без ajaxForm
    #36076248
eualexey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не дает она мне покоя
Ниже код, в нем отправляются данные+файл, при нажатии на кнопку submit ибо без живой submit я не смог объяснить ajaxForm что эту форму надо отправить. Так когда нажимаем на кнопку
1) уходят данные асинхронно
2) форма сама начинает открывать страницу (в соответсвии с action="proceed.php"), а мне этого НЕ НУЖНО!!! какой то замкнутый круг получается.
Мне нужно
1) отправил данные не серве
2) получил ответ ок, bad и все и никаких открытий этого скрипта мне не надо .

Как обойти???

Это в шапке
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
$(document).ready(function(){
	$('.MultiFile').MultiFile({
		accept:'jpg|gif|bmp|png|rar|', max: 4 , STRING: {
			remove:'удалить',
			file:'$file',
			selected:'Выбраны: $file',
			denied:'Неверный тип файла: $ext!',
			duplicate:'Этот файл уже выбран:\n$file!'}});
	$('#uploadForm').ajaxForm({
		beforeSubmit: function(a,f,o) {
			o.dataType = "html";
			$('#uploadOutput').html('Submitting...');},
		success: function(data) {
			var $out = $('#uploadOutput');
			$out.html('Form success handler received: <strong>' + typeof data + '</strong>');
			if (typeof data == 'object' && data.nodeType)
				data = elementToString(data.documentElement, true);
			else if (typeof data == 'object')
				data = objToString(data);
			$out.append('<div><pre>'+ data +'</pre></div>');}});});
Это в теле скрипта
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<form id="uploadForm" action="proceed.php" method="post" enctype="multipart/form-data">
<table border= 0  align='left'>
</tr><tr>
	<td><span>Цена:</span></td>
	<td><input name='price' type='text' value=''></td>
</tr><tr>
<tr>
	<td><span>Загрузка фото:</span></td>
	<td><input name='MAX_FILE_SIZE' value='1000000' type='hidden'/>
	<input name='fileToUpload[]' id='fileToUpload' class='MultiFile' type='file'/>
	<div id='uploadOutput'></div>   
	<input value='Submit' type='submit'/></td>
</tr><tr>
</table>
</form>
...
Рейтинг: 0 / 0
(JS) JQuery одновеременная загрзука данных и фото без ajaxForm
    #36246964
smaragdinusdraco
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
кнопка сабмит просто вызывает событие формы onsubmit, к которому и привязывается ajaxform => первое решение: на клик по ссылке привязать $(твоя форма).submit()
ещё есть такой метод как ajaxsubmit (находится в томж плагине, что и ajaxform) и теперь достаточно сделать просто $(твоя форма).ajaxsubmit(тут вся таж хрень, что и для ajaxform)
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JS) JQuery одновеременная загрзука данных и фото без ajaxForm
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]