// kawałek modalnego bootstrapowego okienka html
<input type="file" name="img" id="img" accept=".jpg,.png" value=""> <span id="modalFormError" class="label label-danger"></span> <button class="btn btn-success" onclick="saveImg()" data-loading-text="Zapisywanie..." id="saveImg">Zapisz
</button>
//js
function saveImg() {
$('#modalFormError').text('');
if (!$('#img').val()) {
$('#modalFormError').text('Proszę wybrać grafikę');
return;
}
var image = document.getElementById("img");
var file = image.files[0];
if (file.type === 'image/jpeg' || file.type === 'image/png') { // dodaj sobie sprawdzanie wagi pliku
$('#saveImg').button('loading');
formData = new FormData();
formData.append('action', 'saveImage');
formData.append('image', file);
$.ajax({
url: '/ajax.php',
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function (result) {
// jakies dzialanie po zaladowaniu pliku
}
});
} else {
$('#modalFormError').text('Zły plik');
}
}