gpt4 book ai didi

Javascript:使用 FileSaver.js 将文本/blob 保存到文件中

转载 作者:行者123 更新时间:2023-12-01 00:47:35 26 4
gpt4 key购买 nike

我构建了 2 个按钮

我想将答案保存在文件中:(当然取决于最终用户按下的按钮)

我已经使用了 Javascript 对象 blob 但不起作用:

The file testfile1.txt wasn't generated.

我有一个名为 js 的子文件夹(在我的主文件夹内),其中包含文件 FileSaver.js

出于这个原因,我有:

`src="js/FileSaver.js"` 

在我的代码中实现。下面是我的代码:

<!doctype html>
<html lang="en">
<head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/FileSaver.js"></script>
</head>

<body>
<button id="save-btn"> yes </button>
<button id="save-btn1"> no </button>
<script>
$("save-btn").click(function{

var blob= new Blob(["yes"],
{type:"text/plain;charset=utf-8"}
);
saveAs(blob,"testfile1.txt");
});
$("save-btn1").click(function{

var blob= new Blob(["no"],
{type:"text/plain;charset=utf-8"}
);
saveAs(blob,"testfile1.txt");
});
</script>

</body>
</html>

提前致谢

最佳答案

请检查一下。

我这样修改了你的代码。

*** 注意:我导入了 FileSaver.js (downloaded from here)并在不同的js文件(test.js)中编写按钮点击函数

这是我的代码,使用它,每次单击"is"或“否”按钮时,我都可以下载包含输入数据的文本文件。

test.html

<head>
<body>
<button type="button" id="yesButton" value="Yes" onclick="saveYesInputDatataToFile();">Yes</button>
<button type="button" id="noButton" value="No" onclick="saveNoInputDataToile();">No</button>
<script src="test.js"></script>
<script src="FileSaver.js"></script>
</body>
</head>

test.js

function saveYesInputDatataToFile() {
var userInput = document.getElementById("yesButton").value;
var blob = new Blob([userInput],
{ type: "text/plain;charset=utf-8" });
saveAs(blob, "userInput.txt");
}

function saveNoInputDataToile() {
var userInput = document.getElementById("noButton").value;
var blob = new Blob([userInput],
{ type: "text/plain;charset=utf-8" });
saveAs(blob, "userInput.txt");
}

关于Javascript:使用 FileSaver.js 将文本/blob 保存到文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57251668/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com