Nunca he hecho algo así antes y me pregunto cómo hacerlo. Puedo encontrar la forma de hacer esto con la parte multiforme html normal, etc. Pero ahora, ¿cómo hacer esto con ajax?

Pseudo código:

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);
    });
});

No hay idea de cómo hacer esto. También hay una forma de hacer esto para varios archivos img y comprobar si el archivo es realmente una imagen y, por supuesto, usar el nombre de archivo como nombre de la imagen en lugar de usar un campo de entrada de texto.

Cualquier consejo, enlace o ejemplo de código sería útil gracias de antemano!