Почему не удаляется фотография при нажатии на неё?

function ShowFiles(){
    const UploadDiv = document.querySelector('.img-container');
    UploadDiv.innerHTML = array_for_flask.map(images =>{
      const fileReader = new FileReader();
      const id = `F-${Math.random().toString(32).substring(7)}`;
      fileReader.readAsDataURL(images);
      fileReader.onload = ()=>{
        const url = fileReader.result;
        const name_img = images.name; <--------- МЕНЯЕМ НА 'load_img'
        const img = `   
            <img class = '${name_img}' name = '${name_img} 'id='${id}' src = '${url}' alt = 'image' onclick='del(this)'>
        `;
        UploadDiv.innerHTML +=img;
  
        
      };
    }).join('');
  };

И правим функцию del

function del(name) {
    const name_img = name.getAttribute('name');
    const index = array_for_flask.findIndex(element => element.name === name_img);

    $('.load_img').remove();  <---------------------------
    array_for_flask.splice(index, 1);
  };

Почему не удаляется фотография при нажатии на неё?

Ну у тебя проблема в названии атрибута name по которому ты обращаешься. А именно в поиске по классу.
Ты сам подумай, ты обращаешься к .classname.jpeg
Js думает, что ты ищешь объект с классом class='имя класса расширение'.
Намудрил конечно... Присвой нормальное имя изображению и обратись к нему по этому имени и все у тебя удалится. Только что все проверил