С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
0 / 0 / 0
Регистрация: 30.09.2013
Сообщений: 24

Отправка изображения через ajax в php

19.05.2017, 18:12. Показов 1414. Ответов 1

Студворк — интернет-сервис помощи студентам
Здравствуйте! Несколько часов пытаюсь передать изображение на сервер через ajax и ничего не получается. Обычные переменные загружаются и обрабатываются, а изображение нет.

Данные, которые необходимо передать:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
echo '
<div class="form-1">
        <p><input id="login"     name="login"     type="text"     size="15" maxlength="15"  placeholder="Введите логин *"></p>  
        <p><input id="password"  name="password"  type="password" size="15" maxlength="15"  placeholder="Введите пароль *"></p>
        <p><input id="email"     name="email"     type="text"     size="15" maxlength="100" placeholder="Введите E-mail *"></p>
        <p><input id="famaly"    name="famaly"    type="text"     size="15" maxlength="100" placeholder="Введите Фамилию*"></p>
        <p><input id="name"      name="name"      type="text"     size="15" maxlength="100" placeholder="Введите Имя *"></p>
        <p><input id="otchestvo" name="otchestvo" type="text"     size="15" maxlength="100" placeholder="Введите Отчество *"></p>
        <p><input id="room"      name="room"      type="text"     size="15" maxlength="100" placeholder="Введите номер квартиры *"></p>
        <p><label>Выберите аватар<br></label>
 
        <input    id="fupload"   name="fupload"   type="FILE" ></p>
 
        <p><img src="code/my_codegen.php"></p><br>
        <p><input id="code"      name="code"      type="text"     placeholder="Введите код с картинки *"></p>
        <label>(*) поля, обязательные для заполнения</label>
        <p class="clearfix"> <a class="log-twitter" onclick="form_login();">Назад</a> 
        <input onclick="Pusk1();" type="submit" name="submit" value="Зарегистрироваться"></p>
    </div>
';
?>
Собственно ajax:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
function Pusk1()
{  
 
var req = Create();
function ge(id)
{
    return document.getElementById(id);
}
function Create()
{  
    if(navigator.appName == "Microsoft Internet Explorer")
    {  
        req = new ActiveXObject("Microsoft.XMLHTTP");  
    }
    else
    {  
        req = new XMLHttpRequest();  
    }  
return req;  
}  
function Request(query)
{
    req.open('post', 'save_user.php' , true );
    req.onreadystatechange = Refresh;
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
    req.send(query);  
}
function Refresh()
{
    var a = req.readyState;   
    if( a == 4 )
    {   
        var b = req.responseText;
        document.getElementById('ajax').innerHTML = b;
    }
    else
    {  
        document.getElementById('ajax').innerHTML = '';
    }
}
    var query;
    var txt1 = encodeURIComponent(ge('login').value);
    var txt2 = encodeURIComponent(ge('password').value); 
    var txt3 = encodeURIComponent(ge('email').value);
    var txt4 = encodeURIComponent(ge('code').value); 
 
    var txt5 = encodeURIComponent(ge('fupload').value);
 
    var txt6 = encodeURIComponent(ge('famaly').value); 
    var txt7 = encodeURIComponent(ge('name').value);
    var txt8 = encodeURIComponent(ge('otchestvo').value); 
    var txt9 = encodeURIComponent(ge('room').value);
    
    query = 'login='+txt1+'&password='+txt2+'&email='+txt3+'&code='+txt4+'&fupload='+txt5+'&famaly='+txt6+'&name='+txt7+'&otchestvo='+txt8+'&room='+txt9;
    Request(query);
}
Само изображение принимаю как $_FILES['fupload']['name'].

Читал много инфы о том, что в переменную txt5 записывается не сама картинка, а ее путь, и поэтому ничего не передает. Я уверен, что тут исправлений всего в пару строчек, но додуматься не могу. Буду благодарен за помощь
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
19.05.2017, 18:12
Ответы с готовыми решениями:

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

Отправка почты Ajax+PHP
Всем привет! Возникла некоторая проблема при попытке отправить почту с помощью PHP. Данные передаются в функцию, но ответа от функции...

Отправка через AJAX
На странице есть кнопка &lt;button type=&quot;submit&quot; name=&quot;but_save&quot;&gt;Сохранить&lt;/button&gt; Есть ее обработка if(isset($_POST)) ...

1
 Аватар для sash
89 / 87 / 49
Регистрация: 09.10.2014
Сообщений: 571
20.05.2017, 13:16
Я так понимаю, что джейквери не подключается и не используется?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
20.05.2017, 13:16
Помогаю со студенческими работами здесь

Отправка файлов через ajax
отправляю через форму файл. в обработчик формы он уже не попадает. подскажите, что не так. &lt;form id=&quot;mail_form10&quot;...

Отправка файла через ajax
&lt;script type=&quot;text/javascript&quot;&gt; $(document).on('submit','#ajaxForm form',function(ev){ var frm = $('#ajaxForm form'); ...

Отправка POST запроса через Ajax
Добрый день, Я новичок в jQuery и Ajax соответственно. На сайте потребовался калькулятор, для расчета доставки, данные по...

Отправка значения radio через ajax
Здравствуйте! Имеется 3 инпута типа радио. В зависимости от выбранного выводятся те или иные поля формы. Делаю так: &lt;input...

Отправка данных с формы через ajax
Всем привет) У меня появились сразу 2 проблемы (вроде всё верно написано, но не работает). В общем вот у меня есть вот 1 форма ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru