html5写文件到本地
时间: 2024-01-07 08:04:52 浏览: 118
HTML5 提供了一些 API 来访问本地文件系统,其中包括可以通过 JavaScript 写文件到本地的 File API。下面是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>写文件到本地</title>
</head>
<body>
<textarea id="content"></textarea>
<button onclick="saveFile()">保存文件</button>
<script>
function saveFile() {
var content = document.getElementById("content").value;
var file = new Blob([content], {type: "text/plain"});
var a = document.createElement("a");
var url = window.URL.createObjectURL(file);
a.href = url;
a.download = "example.txt";
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
document.body.removeChild(a);
}
</script>
</body>
</html>
```
在这个示例中,我们创建了一个文本框和一个按钮,当用户点击按钮时,我们获取文本框中的内容,创建一个 Blob 对象,并使用 URL.createObjectURL 方法创建一个 URL,然后将这个 URL 赋值给一个链接的 href 属性,并设置 download 属性为文件名,最后通过模拟点击链接的方式将文件保存到本地。这里的 content-type 设置为 "text/plain",表示保存的是纯文本文件,你可以根据需要设置其他类型的文件。
阅读全文