Можно ли получить имя файла и mimeType по img.src?

Question

[di]

Допустим есть изображение.
<img src = "/mypictures/blabla.png">

могу ли я средствами js узнать имя файла (ну тут впринципе легко наверно обрезать по / и вытащить последний элемент) и главное - получить mimeType. Дело касается только картинок. Может есть у кого то наработки как из пути картинки получить, что там - image/png или image/jpg?
А было бы еще круче получить объект File, но это наверное невозможно.

Для чего мне это надо? Я обрезаю картинку средствами js и чтоб корректно сохранить обрезанное мне надо знать имя файла и mimeType

Comments

[di]

Максим Зайцев, js-cropper использую для обрезания. https://fengyuanchen.github.io/cropperjs/. И чтобы получить blob обрезанного там - нужен mimeType, без него не работает у меня загрузка

let originalImg =  $("#crop-preview");

originalImg.cropper("getCroppedCanvas").toBlob(function (blob) {
        blob.name = fileName;
        croppedImg = blob;
        $("#modal-upload").modal('hide');
        }, mimeType);

fileName добавляю чтоб потом аяксом на сервер загрузить

let fd = new FormData();
    fd.set("files", croppedImg, croppedImg.name);
    $.ajax({
        method:"post",
        url:"/shop/product/ajax-save?id=" + $product->id,
        data: fd,
        contentType: false,
        processData: false
    });

Answer 1

[Александр]

Если картинка приходит от пользователя через <input type="file">, то всё это Вы можете получить. Если нет такой возможности - mime-types.