JS 实现图片直接下载示例代码

JavaScript010

JS 实现图片直接下载示例代码,第1张

本文为大家详细介绍下使用JS实现图片直接下载 具体实现代码如下 感兴趣的朋友可以参考下哈 希望对大家有所帮助   复制代码 代码如下: <a href="picName jpg" id=pic onclick="savepic()return false" class="page_speeder_81432313">点击下载</a> 复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20335

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('img').attr('src', 'https://www.baidu.com/img/bd_logo1.png')。

3、浏览器运行index.html页面，此时网页上的所有图片都被替换成了指定的图片。

现在的高版本浏览器都不允许访问本地文件，你能看到的原因是你没有发布出去，你是直接打开这个文件的，本地html访问本地文件是可以的，但是远程html访问本地文件就不行。

如果你以域名（如：localhost/xxx.html或者127.0.0.1/xxx.html）来访问你就会发现你根本无法看到。