Я никогда не делал что-то подобное раньше, и я спрашиваю, как это сделать. Я могу найти, как это сделать с помощью простой HTML-мультиформной части и т. Д. Но как теперь это сделать с помощью ajax?

Псевдокод:

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

Понятия не имею, как это сделать. Также есть способ сделать это для нескольких файлов img и проверить, является ли файл на самом деле изображением, и, конечно, использовать имя файла в качестве имени изображения вместо использования входного текстового поля.

Любой совет, ссылка или пример кода будут полезны заранее спасибо!