HTML用户输入到本地文件位置

我正在尝试使用HTML和javascript创建一个表单,以便能够从用户检索3种不同的输入,将它们组合成json格式的1种表单,然后将文件保存到本地文件位置。以下是我目前拥有的。 (我不清楚如何将json字符串保存到本地文件位置。谢谢您的时间。(我是javascript和html新手)

<header class="banner">
<h1 style="color:blue">HTML User Input to local file location</h1><main>
    <form id="myform" type="post">
        <fieldset>
            <legend style="color:blue">Sign Up</legend>
            <p style="color:red">Write your con-fig codes below</p>
            <div class="elements">
                <label for="Input1">Input1 :</label>
                <input required="required" type="text" onfocus="this.value=''" value="Input1" 
name="Input1" size="25" />
            </div>
            <div class="elements">
                <label for="Input2">Input2 :</label>
                <input required="required" type="text" onfocus="this.value=''" value="Input2" 
name="Input2" size="25" />
            </div>
            <div class="elements">
                <label for="Input3">Input3 :</label>
                <input required="required" type="text" onfocus="this.value=''" value="Input3" 
name="Input3" size="25" />
            </div
            <div class="submit">
                <input type="submit" id="btn" name="submit" class="btn" value="Send" />
            </div>
        </fieldset>
    </form>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#btn").click(function(e) {
                var jsonData = {};

                var formData = JSON.stringify($("#myForm").serializeArray());

                $.each(formData,function() {
                    if (jsonData[this.name]) {
                        if (!jsonData[this.name].push) {
                            jsonData[this.name] = [jsonData[this.name]];
                        }
                        jsonData[this.name].push(this.value || '');
                    } else {
                        jsonData[this.name] = this.value || '';
                    }

                });
                e.preventDefault();
            });
        });

    </script>
    </main>
tarenamis 回答:HTML用户输入到本地文件位置

在多个地方肯定都曾问过这个问题。像HereHere。从下面的链接之一复制了代码

function download(content,fileName,contentType) {
    var a = document.createElement("a");
    var file = new Blob([content],{type: contentType});
    a.href = URL.createObjectURL(file);
    a.download = fileName;
    a.click();
}
download(jsonData,'json.txt','text/plain');

@RafałŁużyński的信用额。

在实际提出问题之前,请更好地搜索解决方案。

本文链接:https://www.f2er.com/3148051.html

大家都在问