Nigdy wcześniej czegoś takiego nie robiłem i pytam, jak to zrobić. Mogę znaleźć sposób, aby to zrobić za pomocą zwykłej części html multiform itp. Ale teraz, jak to zrobić z ajaxem?

Pseudo kod:

html:

<input type="text" class="imgform" name="imagename" value="name" />
<input type="file" class="imgform_image" name="image" value="C:\Users\william\Pictures\image.png" />
<input type="button" id="btn" form="imgform" />

JQUERY:

$('body').on('click', '#btn', function(){
    var form = $(this).attr("form");
    var string = $('.' + form).serialize();

    var image = $('.imgform_image').value("form");
    image = converttobase64(image);

    $.post('action.php?action=uploadimg', string + {'image':image}, function (data){    
       datalader(data);
    });
});

Nie ma pojęcia, jak to zrobić. Jest też sposób na zrobienie tego dla wielu plików img i chek, jeśli plik jest w rzeczywistości obrazem i oczywiście używaj nazwy pliku jako nazwy obrazu zamiast używać wejściowego pola tekstowego.

Wszelkie wskazówki, linki lub przykłady kodu będą przydatne z góry!