Чтобы загрузить изображение в JavaScript с определенным именем, вы можете использовать следующие методы:
Метод 1: использование атрибута download.
Вы можете создать элемент , установить для его атрибута hrefизображение. URL-адрес и добавьте атрибут downloadс нужным именем файла. При нажатии на ссылку изображение будет загружено с указанным именем.
Пример:
function downloadImage(url, filename) {
var link = document.createElement('a');
link.href = url;
link.download = filename;
link.click();
}
// Usage:
downloadImage('https://example.com/image.jpg', 'my_image.jpg');Метод 2: преобразование холста в изображение
Если у вас есть изображение, нарисованное на элементе холста, вы можете преобразовать его в URL-адрес данных с помощью метода toDataURL. Затем вы можете создать ссылку с URL-адресом данных в виде hrefи указать желаемое имя файла с помощью атрибута download.
Пример:
function downloadCanvasImage(canvas, filename) {
var link = document.createElement('a');
link.href = canvas.toDataURL();
link.download = filename;
link.click();
}
// Usage:
var canvas = document.getElementById('myCanvas');
downloadCanvasImage(canvas, 'my_image.jpg');