Javascript 如何将web应用程序输入数据保存在同一web位置？_Javascript_Html_Css

Javascript 如何将web应用程序输入数据保存在同一web位置？

javascript html css

Javascript 如何将web应用程序输入数据保存在同一web位置？,javascript,html,css,Javascript,Html,Css,我想将web应用程序的输入数据保存在.html文件所在的web位置。每次单击该按钮时，保存的文件都会被新数据覆盖。目前，代码将文件下载到本地。如何将文件放置在web位置，并且它应该被新数据覆盖代码： Javascript不允许在未经用户同意的情况下本地保存或读取文件，即下载/上载。如果您需要为您的网站/应用程序存储数据，您可以使用 <!DOCTYPE html> <html> <head> <title>Save form Data in

我想将web应用程序的输入数据保存在.html文件所在的web位置。每次单击该按钮时，保存的文件都会被新数据覆盖。目前，代码将文件下载到本地。如何将文件放置在web位置，并且它应该被新数据覆盖

代码：

Javascript不允许在未经用户同意的情况下本地保存或读取文件，即下载/上载。如果您需要为您的网站/应用程序存储数据，您可以使用

<!DOCTYPE html>
<html>
<head>
    <title>Save form Data in a Text File using JavaScript</title>
    <style>
        * {
            box-sizing: border-box;
        }
        div {
            padding: 10px;
            background-color: #f6f6f6;
            overflow: hidden;
        }
        input[type=text], textarea, select {
            font: 17px Calibri;
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        input[type=button]{ 
            font: 17px Calibri;
            width: auto;
            float: right;
            cursor: pointer;
            padding: 7px;
        }
    </style>
</head>
<body>
    <div>        
        <!--Add few elements to the form-->

        <div>
            <input type="text" id="txtName" placeholder="Enter your name" />
        </div>        
        <div>
            <input type="button" id="bt" value="Save data to file" onclick="saveFile()" />
        </div>
    </div>
</body>
<script>
    let saveFile = () => {      
        // Get the data from each element on the form.
        const name = document.getElementById('txtName');
           
        // This variable stores all the data.
        let data = 
            '\r Name: ' + name.value + ' \r\n '         
    
        // Convert the text to BLOB.
        const textToBLOB = new Blob([data], { type: 'text/plain' });
        const sFileName = 'formData.txt';      // The file to save the data.

        let newLink = document.createElement("a");
        newLink.download = sFileName;

        if (window.webkitURL != null) {
            newLink.href = window.webkitURL.createObjectURL(textToBLOB);
        }
        else {
            newLink.href = window.URL.createObjectURL(textToBLOB);
            newLink.style.display = "none";
            document.body.appendChild(newLink);
        }
        newLink.click(); 
    }
</script>
</html>