Форум программистов, компьютерный форум, киберфорум
PHP: базы данных
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/6: Рейтинг темы: голосов - 6, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 16.03.2016
Сообщений: 30

Ajax передача изображений на сервер

10.06.2016, 00:11. Показов 1182. Ответов 2

Студворк — интернет-сервис помощи студентам
ajax не передает изображение на сервер, js только начал познавать, я так понимаю надо как то конвектировать это изображение но что то лес тугой, подскажите в чем проблема. Вот код js
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
$(document).ready (function () {
            $('#add_content').click (function () {
                $('#message_error').hide ();
                $('#message_true').hide ();
                var select = $("#select").val ();
                var file = $("#file").val ();//Переменная с изображением
                var titl = $("#titl").val ();
                var eaze_text = $("#eaze_text").val ();
                var content = $("#content").val ();
                var input_link = $("#input_link").val ();
                var input_link_text = $("#input_link_text").val ();
                var fail = "";
                    if (select == false) fail = "Выберите раздел!";
                    else if (file == false) fail = "Добавте фото!";
                    else if (titl.length < 5 || titl.length > 70 ) fail = "Заголовок не менее 5 и не более 70 символов!";
                    else if (eaze_text.length < 100 || eaze_text.length > 200) fail = "Вступительный текст не менее 100 и не более 200 символов!";
                    else if (content.length < 500) fail = "Текст статьи не менее 500 символов!(сейчас ??)";
                    else if (input_link.length == false) fail = "Некоректный источник";
                    else if (input_link_text.split ('://').length - 1 == 0 ||input_link_text.split ('.').length - 1 == 0) fail = "Некоректная ссылка";
                    if (fail != "") {
                        $('#message_error').html (fail + "<br/>");
                        $('#message_error').show ();
                        return false;
                    }
                    
/*собственно говоря вычитал про new FormData думал поможет но увы*/
                        function setimage() {
                        var $image = $("#file");
                        var file = new FormData;
                        file.append('png', $image.prop('files')[0]);
                    }
                    
                    $.ajax ({
                        url: '/ajax/write_content.php',
                        type: 'POST',
                        cache: false,
                        data: {'select': select, 'file': file, 'titl': titl, 'eaze_text': eaze_text, 'content': content, 'input_link': input_link, 'input_link_text': input_link_text},
                        dataType: 'html',
                        success: function (data) {
                            $('#message_true').html (data + "<br/>");
                        $('#message_true').show ();
                        }
                    });
            });
        });
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
10.06.2016, 00:11
Ответы с готовыми решениями:

Слишком долгая ajax загрузка изображений на сервер
Делал загрузку картинок через объект FileReader, после чего передавал его методом post в формате base64 в php скрипт, и там уже сохранял на...

Ajax массовая загрузка изображений на сервер с превью
Умные люди помогите, есть форма отправки изображений но не работает, что нужно изменить в php что бы сохранялись в папку ...

Передача ajax запроса на сервер
Доброе время суток коллеги, подскажите пожалуйста что я не правильно делаю при передаче ajax запроса. Имеется форма регистрации, на...

2
 Аватар для rodigy
90 / 40 / 17
Регистрация: 24.10.2015
Сообщений: 577
10.06.2016, 12:55
немного разделом ошибся, базы здесь не при чем, и добавь в ajax эти параметры:
JavaScript
1
2
processData: false,
contentType: false
и убрать тип DataType: 'html'
0
0 / 0 / 0
Регистрация: 16.03.2016
Сообщений: 30
10.06.2016, 13:23  [ТС]
не обратил внимания на раздел, забылся.
Если убрать DataType: 'html' он вообще перестает передавать данные на сервер
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
10.06.2016, 13:23
Помогаю со студенческими работами здесь

Ajax передача нескольких переменных на сервер
Доброго времени суток. Необходимо аяксом передать четыре переменные в php обработчик, доходит только последняя var...

AJAX передача данных на сервер с формы
День добрый! Пытаюсь передать с формы поле с данными в обработчик, вроде передается, но делается редирект на скрипт после нажатия кнопки, а...

Передача значение полей через Ajax-метод с использованием ассоциативного массива на php сервер
Добрый день граждане, возможно ли так реализовать ? Предположим что есть 3 поля. Каким способом можно передать значения этих полей при...

Ajax загрузка изображений
Добрый день! Вопрос заключается в следующем: - Есть раздел на сайте (допустим статьи) и при добавлении записи я в конце хочу сделать...

Загрузка изображений посредством ajax
Загружаю изображения путем ajax В php скрипте принимаю $image_info = getimagesize($_FILES); Все хорошо, но, работает только с png jpg...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru