Как получить имя файла после загрузки изображения в javascript

#javascript #download #filenames

Вопрос:

У меня есть короткий фрагмент кода, который открывает диалоговое окно «Сохранить как» для сохранения изображения из текущего контекста холста в файле javascript. Как я могу 1) определить, было ли сохранение файла завершено пользователем или отменено, и 2) если завершено, имя файла, указанное во время сохранения. Вот код, который я использую для открытия диалогового окна «Сохранить как». (Примечание: я использую React, и myCanvasRef является ссылкой на текущий холст, на котором хранится сохраняемое изображение.)

 function saveImg(e){
    const can = myCanvasRef.current;
    const imgUrl = can.toDataURL("image/png");
    const link = document.createElement("a");
    link.href = imgUrl;
    link.setAttribute("download", "*.png");
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}
 

Спасибо!

Комментарии:

1. 1) и 2) невозможно из контекста браузера, так как файловая система не может быть прочитана оттуда.

2. Да, я думал, что это может быть так. Я думаю, мне нужно будет использовать альтернативный подход. Спасибо!