相关疑难解决方法(0)

使用javascript将图像保存到用户的磁盘

我已经使用javascript将html标记的源代码传递为base64String.图像清晰显示.现在我想用javascript将该图像保存到用户的磁盘.

<html>
    <head>
    <script>
        function saveImageAs () {
            var imgOrURL;
            embedImage.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA" +
                             "AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO" +
                             "9TXL0Y4OHwAAAABJRU5ErkJggg==";
            imgOrURL = embedImage;
            if (typeof imgOrURL == 'object')
                imgOrURL = embedImage.src;
            window.win = open(imgOrURL);
            setTimeout('win.document.execCommand("SaveAs")', 0);
        }
    </script>
    </head>
    <body>
        <a href="#" ONCLICK="saveImageAs(); return false" >save image</a>

        <img id="embedImage" alt="Red dot">
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

当我们将imagepath作为标记源传递时,此代码已经起作用,但是当我们将sorce作为base64String传递给tag时,它没有工作.

请在这个问题上建议我.

提前致谢.

html javascript base64 image save

27
推荐指数
2
解决办法
11万
查看次数

如何在HTML中为移动页面创建图像下载链接?

我有一个包含图像的移动html页面.我想创建一个用于下载图像的按钮或链接.然后应将图像保存到用户移动图像库.

我看过这篇文章:如何在html中创建下载链接?

解决方案

<a href="link/to/your/download/file" download="filename">Download link</a>
Run Code Online (Sandbox Code Playgroud)

正在桌面浏览器中工作,但不在移动设备上.

这是我制作的JSFiddle:http://jsfiddle.net/tDVqH/4/

注意:图像是在浏览器中创建的,即在HTML5 canvas元素中创建.可以使用canvas.toDataUrl()生成此图像.生成的图像应保存到移动图像库中.

如何通过点击/点击将图像保存到用户移动图库?是否有一个JavaScript解决方案没有带有未知头的ser往返?

编辑:我也发现了以下问题,但他们没有答案.通过单击移动浏览器中的链接或按钮从浏览器将图像保存到手机库,将图像从网站保存到本地文件夹

html javascript mobile google-chrome mobile-safari

13
推荐指数
1
解决办法
3万
查看次数

标签 统计

html ×2

javascript ×2

base64 ×1

google-chrome ×1

image ×1

mobile ×1

mobile-safari ×1

save ×1