function blobToFile(theBlob, fileName){
theBlob.lastModifiedDate = new Date();
theBlob.name = fileName;
return theBlob;
}
function ajaxUploadFiles(e) {
$(e.target).parent().hide();
$overlay.hide();
var loader = $('.loader-wrapper');
loader.css('display', 'flex');
var opts = {
width: 900,
heght: 300
};
imageCropper.getCroppedCanvas(opts).toBlob(function (blob) {
var fd = new FormData();
var filename = 'slider-img_' + new Date().getTime() + '.jpg';
var file = blobToFile(blob, filename);
console.log(file);
fd.append('photo', file, filename);
fd.append('action', 'wis_load_image');
$.ajax({
type: 'POST',
url: ajaxurl,
data: fd,
processData: false,
contentType: false,
success: function (response) {
var $html = $(response.html);
$html.appendTo($('.wis_slider_list ul'));
loader.fadeOut();
},
error: function (e) {
alert(e.responseJSON.data.error);
loader.fadeOut();
}
});
}, 'image/jpeg');
imageCropper.destroy();
}
Но ситуации бывают разные. и иногда действительно приходится навешивать на div background-image, потому что css свойство object-fit не имеет нормальной поддержки у некоторых браузеров, а тебе нужно дать картинке свойство contain или cover.
ну и вообще сеошники сильно топят за микроразметку. Я конечно не знаю, так ли она действительно помогает в продвижении сайтов. Но на некоторых проектах мы действительно верстаем с микроразметкой.