Wysyłam kilka danych z formularza przez Ajaxa, wszystko działa dobrze oprócz przesyłanego pliku (obrazka). Nie wiem jak sformułować kod abym mógł pracować nad wgranym obrazkiem w kodzie PHP.

chodzi mi o pracę w PHP na przesłanym obrazku przez Ajaxa.

Podejścia w jQuery

Miałem wiele podejść, ale żadne nie działało w kodzie:

[PHP] pobierz, plaintext 
//podejście I
var prize_img = $(this).closest('form').find('#file_img').val();
 
//podejście II
var prize_img = $("#file_img").prop("files")[0];
 
//podejście III
var file = $('#file_img').files[0];
var formData = new FormData();
formData.append('prize_img', file);
[PHP] pobierz, plaintext 

CAŁY KOD

Formularz:

[PHP] pobierz, plaintext 
<form id="conversion_form" method="post" action="#" enctype="multipart/form-data">
        <input type="text" id="prize_name" size="25" value="">
        <input id="file_img" type="file" name="image">
        <div id="uploadPreview"></div>
        </div>
        <p><input id="button_draw" class="btn btn-lg btn-success" type="submit" value="Losowanie" /></p>
        </form>
[PHP] pobierz, plaintext 

AJAX:

Przesyłanie wartości prize_name działa, obrazka już nie.

[PHP] pobierz, plaintext 
$('#button_draw').click(function(e) {
e.preventDefault();
 
 
// This is how I get to name val but how about IMG?
var prize_name = $(this).closest('form').find('#prize_name').val();
 
//TUTAJ PRZESYŁANIE OBRAZKA NIE DZIAŁA
var prize_img = $(this).closest('form').find('#file_img').val();
 
 
 
 
            $.ajax({
            context: this,
            url: './inc/new_draw.php',
            data: {'prize_name': prize_name, 'prize_img': prize_img},
            type: 'POST',
            success: function(response){
            //odpowiedź serwera
 
            //Trzeba sparsować zwrot
            var json = JSON.parse(response);
 
            if(json.odp == 1){
 
            }
 
            if(response == 2){
 
            }
 
            },
            error: function(x,n,o){
            }
           });
 
 
 
  });
[PHP] pobierz, plaintext 

PHP:

[PHP] pobierz, plaintext 
<?php
 
include ("config.php");
 
$prize_name = mysqli_real_escape_string($con, $prize_name);
$prize_img = mysqli_real_escape_string($con, $prize_img);
 
//JAK MOGĘ PRACOWAĆ W PHP NA PRZESŁANYM OBRAZKU POPRZEZ AJAXA?
 
        $file_size = $prize_img['size'];
        $file_name = $prize_img['name'];
        $file_type = $prize_img['type'];
 
        echo $file_size;
 
        if ($prize_name == NULL) {
        $problem = TRUE;
        $problem_code = 1;
        echo json_encode($dodano);
        }
 
?>
[PHP] pobierz, plaintext 

Ciężko ajaxem przesłać obrazek

poczytaj o uploadifive. Ja z ajaxem męczyłem się pół dnia i odpuściłem - zrobiłem zwykły get a potem właśnie tą biblioteką. Jest płatna - bodajże 5$.

edit: problemem nie jest php tylko właśnie js, jquery, ajax i http.

edit2:

http://stackoverflow.com/questions/2320069...jax-file-upload

tu masz troche wyjaśnień.

Skorzystaj z tego https://blueimp.github.io/jQuery-File-Upload/

Generalnie już jestem bliski rozwiązania tego problemu. Na stackoverflow mi pomógł jeden user, ale kod nadal nie działa, chociaż powienien.

Kod:

[PHP] pobierz, plaintext 
$('#button_draw').click(function(e) {
    e.preventDefault();
 
		var formData = new FormData();
		// let's just take the first image
		var file = $('#file_img').files[0];
 
		// but you also need to add the other fields to formData
		var lista = $(this).closest('form').find('#lista_losowanie').val();
		var prize_name = $(this).closest('form').find('#prizename').val();
 
		formData.append('prize_img', file);
		formData.append('lista', lista);
		formData.append('prize_name', prize_name);
 
 
				$.ajax({
				context: this,
                url: './inc/new_draw.php',
                data: formData,
                type: 'POST',
                success: function(response){
                //odpowiedź serwera
 
				//Trzeba sparsować zwrot
				var json = JSON.parse(response);
 
				if(json.odp == 1){
 
 
				}
 
				if(response == 2){
 
				}
 
                },
                error: function(x,n,o){
                }
               });
 
 
 
	  });
[PHP] pobierz, plaintext 

Cały skrypt nie działa, nie zostaje wysłane nic (w konsoli 0 błędów, 0 akcji).

No a jakich akcji sie spodziewales skoro w kodzie zadnej z nich nie masz naposanej, nie ma zapisu obrazkow, nie ma nawet odpowiedzi z serwera

[PHP] pobierz, plaintext 
function avatar_add(input)
{
    var file = input.files[0];
    var name = file.name;
    var size = file.size;
    var type = file.type;
 
    var re = /(\.jpg|\.jpeg|\.bmp|\.gif|\.png)$/i;
    var ret = /(jpg|jpeg|bmp|gif|png)$/i;
    if(!re.exec(name))
    {
        $('#avatar_dialog').empty();
        $('#avatar_dialog').append('<div class="err_msg"><div>Niedozwolone rozszerzenie pliku.</div></div>');
        return false; 
    }
    if(!ret.exec(type))
    {
        $('#avatar_dialog').empty();
        $('#avatar_dialog').append('<div class="err_msg"><div>Niedozwolone rozszerzenie pliku.</div></div>');
        return false; 
    }  
    if(size > 500000)
    {
        $('#avatar_dialog').empty();
        $('#avatar_dialog').append('<div class="err_msg"><div>Zbyt duży rozmiar pliku.</div></div>');
        return false;
    }
 
        var formData = new FormData($('#form_av')[0]);
 
        $.ajax({
        url: 'profiles.php',  
        type: 'POST',
        data: formData,
 
        success : function(msg) {
                if(msg.search('err_msg')>0)
                {
                    $('#avatar_dialog').empty();
                    $('#avatar_dialog').append(msg);
                } else 
                {
                    $('#av_add').css({'background' : 'url(avatars/'+msg+')','background-size' : '200px 200px','background-repeat' : 'no-repeat'});
                    $('#avatar').css({'background' : 'url(avatars/'+msg+')','background-size' : '299px 299px','background-repeat' : 'no-repeat'});
                }
            },
        cache: false,
        contentType: false,
        processData: false
    });
    return false;
}
[PHP] pobierz, plaintext 

tak wyglada u mnie

[HTML] pobierz, plaintext 
<div class="av_buttom">Dodaj<form id="form_av" enctype="multipart/form-data"><input type="file" name="avatar" onChange="avatar_add(this)"></input></form></div>'
[HTML] pobierz, plaintext