Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 保存图片

作者:冫LOVE灬丶棒棒   发布日期:2025-06-21   浏览:71

// 使用 JavaScript 保存图片的示例代码

// 假设你有一个图片的 URL,你想将其下载并保存为本地文件
function saveImage(url, filename) {
    // 创建一个隐藏的 <a> 元素
    const link = document.createElement('a');
    link.href = url;
    link.download = filename;

    // 模拟点击事件以触发下载
    document.body.appendChild(link);
    link.click();

    // 移除 <a> 元素
    document.body.removeChild(link);
}

// 示例用法
const imageUrl = 'https://example.com/path/to/image.png';
const imageName = 'saved-image.png';
saveImage(imageUrl, imageName);

// 这段代码通过创建一个隐藏的 <a> 标签,并设置其 href 属性为图片的 URL 和 download 属性为文件名,
// 然后模拟点击该链接来触发浏览器的下载行为。最后移除这个临时创建的 <a> 元素。

上一篇:videojs 播放m3u8

下一篇:nodejs 编译

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站