如何用javascript保存网页中的一个img到本地?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用javascript保存网页中的一个img到本地?相关的知识,希望对你有一定的参考价值。

网页中有一个img标签的图片,要把图片保存成文件(要有save as对话框),用javascript怎么写啊?

参考技术A 把 images/card.jpg 换成你要保存的那个img标签的src属性值就行了。

<html>
<head>
<script language="javascript">
function saveit(src)

I1.document.location=src;
savepic();

function savepic()

if(I1.document.readyState=="complete")
I1.document.execCommand("saveas");
else
window.setTimeout("savepic()",10);

</script>
</head>
<body>
<input type="button" value="保存图片" name="B1" onclick="javascript:saveit('images/card.jpg');">
<iframe name="I1" style="display:none"></iframe>

</body>

</html>本回答被提问者采纳

如何用另一个数组值替换javascript中的数组值?

【中文标题】如何用另一个数组值替换javascript中的数组值?【英文标题】:How to replace value of array in javascript with another value of array? 【发布时间】:2021-01-27 13:22:27 【问题描述】:

我正在尝试用另一个数组替换字符串中存在的数组中的值。在 Javascript 中执行此操作的最佳方法是什么? 这是我的代码:

var string = "I've to but the Item1 along with Item2 and Item3. From the Item4."
var array1 = ['Item1', 'Item2', 'Item3', 'Item4']
var array2 = ['Product1', 'Product2', 'Product3', 'Product4']

输出应该是这样的

var replaced = "I've to but the Product1 along with Product2 and Product3. From the Product4."

两个数组中的每个值都完全不同。

【问题讨论】:

你可以把你的例子设为minimal reproducible example吗? 这些变量的值是多少,Item1 ... Item4Product1 ... Product4 @JaromandaX 链接 链接,就像http://example.com @JaromandaX 是的 【参考方案1】:

您可以使用String.prototype.replaceAll替换字符串

const input = "I've to but the Item1 along with Item2 and Item3. From the Item4.";
const original = ['Item1', 'Item2', 'Item3', 'Item4'];
const target = ['Product1', 'Product2', 'Product3', 'Product4'];

let result = input;
original.forEach((item, index) => 
  result = result.replaceAll(item, target[index]);
);

console.log(result);

【讨论】:

我收到一个错误,replaceAll 不是函数 你在哪个浏览器上查看?【参考方案2】:

您可以使用模板文字,例如

var array1 = [Item1, Item2, Item3, Item4];
var array2 = [Product1, Product2, Product3, Product4]
var string = `I've to but the $array1[0] along with $array1[1] and $array1[2]. From the 
$array1[3].`
var replaced = `I've to but the $array2[0] along with $array2[1] and $array2[2]. 
From the $array2[3].`

【讨论】:

实际上,我将该字符串作为用户的输入,因此不能使用模板文字【参考方案3】:

希望我对你有所帮助。

var array1 = ['Item1', 'Item2', 'Item3', 'Item4'];
var array2 = ['Product1', 'Product2', 'Product3', 'Product4'];
var string = "I've to but the Item1 along with Item2 and Item3. From the Item4.";

for (var i = 0; i < array1.length; i++) 
    var string = string.replace(array1[i], array2[i]);


console.log(string);

【讨论】:

以上是关于如何用javascript保存网页中的一个img到本地?的主要内容,如果未能解决你的问题,请参考以下文章

如何用html标签来显示gif图片

如何用java或js或jQuery将打开的网页保存成一个图片

如何用js怎么获取到图片的相对路径

如何用js获取某个img标签节点的所有属性名

如何用javascript操作本地文件

如何用javascript点击指定的位置