Загрузка изображения и теста AJAX

@mc_julik · Регистрация: 08.10.2012

Студворк — интернет-сервис помощи студентам

Вот код формы и код ajax никак не могу передать текст и изображение медотом пост как понимаю тут проблема с dataType или contentType? кто сталкивался с этим помогите очень сильно горит.

HTML5
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
<script type="text/javascript" src="js/addArticl.js"></script>
         <legend>Добавить Статью</legend>
          <fieldset>
              <div class="control-group">
                  <label class="control-label" for="addHead">Заголовок Статьи</label>
                  <div class="controls">
                      <input type="text" class="input-xlarge" id="addHead">
                      <p class="help-block">Заголовок новости</p>
                  </div>
              </div>
              <div class="control-group">
            <label class="control-label" for="addSnip">Краткое описание</label>
            <div class="controls">
              <textarea class="input-xlarge" id="addSnip" rows="5" cols="10"></textarea>
            </div>
          </div>    
             
         <div class="control-group">
            <label class="control-label" for="addArticle">Статья</label>
            <div class="controls">
              <textarea class="input-xlarge" id="addArticle" rows="10" cols="25"></textarea>
              
            </div> 
            <div class="control-group">
            <label class="control-label" for="addImg">Рисунок</label>
            <div class="controls">
              <input class="input-xlarge" id="addImg" type="file" name="uploadfile">
            </div>
          </div>
          
        <div class="form-actions">
            <button class="btn btn-primary" onclick="addArticl()">Добавить Статью</button>
          </div>      
          </fieldset>

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
    function addArticl(){
//we took values from form
    head=$("#addHead").val();
    snip=$("#addSnip").val();
    article=$("#addArticle").val();
    img=$("#addImg").val();
//let's ajax it to add addNews.php
$.ajax({
                  type: "POST",
                  url: "php/addArticl.php",
                  data: {head:[head],snip:[snip],article:[article],img:[img]},
                  dataType: "json",
                  contentType: "application/x-www-form-urlencoded;charset=windows-1251",
                  beforeSend: function(){
                       $("#form").append('<img src="img/ajax.gif" />');
                  },
                  success: function(data){
                        $('#form').empty();
                        $('#form').append(data);
                        //and refresh div
                        location.reload();
                        
                        
                       }     
                       
              });
              
}

KOPOJI · 12.10.2012, 14:39

Сообщение от mc_julik

JavaScript
1
head=$("#addHead").val();

а вы где то эти переменные объявили перед этим?

JavaScript
1
2
3
var head, snip, article, img;
head=$("#addHead").val();
....

@Soldado · 12.10.2012, 15:25

Не видно всей картины.
Но почему в строке 11 кода переменные взяты в квадратные скобки? Скобки для массивов.
Смущает возврат данных в виде data (если json)- возвращает строку: ключ=>значение. Вам ведь нужно только значение возможно нужно записать в append: data.head +"</br>"+data.snip.....
Если в php что-то на подобии, только с записью в базу данных:

PHP
1
2
3
4
5
6
<?php
$res['head']= $_POST['head'];
$res['snip']= $_POST['snip'];
$res['article']= $_POST['article'];
$res['img']= $_POST['img'];
echo json_encode($res);?>

Ajax-запросы удобно отслеживать через firebug для Firefox

@mc_julik · 12.10.2012, 18:36 **[ТС]**

Пацаны могу сказать что json сам поставил, методом тыка, так как вот не в курсе типов передачи файлов в 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
 function addNews(){
//we took values from form
    head=$("#addHead").val();
    snip=$("#addSnip").val();
    category=$("#addCategory").val();
    article=$("#addArticle").val();
//let's ajax it to add addNews.php
$.ajax({
                  type: "POST",
                  url: "php/addNews.php",
                  data: {head:[head],snip:[snip],category:[category],article:[article]},
                  dataType: "text",
                  contentType: "application/x-www-form-urlencoded;charset=windows-1251",
                  beforeSend: function(){
                       $("#form").append('<img src="img/ajax.gif" />');
                  },
                  success: function(data){
                        $('#form').empty();
                        $('#form').append(data);
                        //and refresh div
                        location.reload();
                        
                        
                       }     
                       
              });
              
}

я убрал articl и добавил input file вот переь надо ajax переделать под изображение чтобы я его потом мог обработать в масиве $_FILES

@mc_julik · 17.10.2012, 18:28 **[ТС]**

никто ничем не поможет?
неужели никто не закидывал сразу картинки и текст,у меня идея такова чтобы я закидывали потом получал адрес и потом отправлять этот адрес как текст чтобы работать дальше в фоткой как думаете так пойдет?

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. 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 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@mc_julik 0 / 0 / 0 Регистрация: 08.10.2012 Сообщений: 9
	17.10.2012, 18:28 [ТС]
	никто ничем не поможет? неужели никто не закидывал сразу картинки и текст,у меня идея такова чтобы я закидывали потом получал адрес и потом отправлять этот адрес как текст чтобы работать дальше в фоткой как думаете так пойдет? 0