Kann ich Eingaben von Formular zu .txt in HTML, über JAVASCRIPT/jQuery, und verwenden Sie es dann?

Ist es möglich, zu speichern textinput (lokal) aus einem Formular in eine Textdatei, und öffnen Sie dann das Dokument, um es später zu verwenden?

Nur mit HTML, javascript und jQuery. Keine Datenbanken oder php.

Falschen Ansatz. Auch wenn möglich, dass ist nicht Sinn und Zweck der web-Seiten.
Die Antwort auf diese variiert je nach, wenn du meinst der server-Seite oder client-Seite

InformationsquelleAutor XT_Nova | 2012-12-03

Ist es möglich, zu speichern nur, wenn der Nutzer es erlaubt-gespeichert werden nur wie einen download und er muss ihn manuell öffnen, das einzige Problem ist, einen Vorschlag für einen Namen, mein Beispielcode schlägt einen Namen nur für Google Chome, und nur, wenn Sie einen link verwenden, anstatt button, denn der download Attribut.

Braucht man nur noch ein base64 encode library und JQuery auf einfache Dinge.

<!DOCTYPE html>
<html>
<head><title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="base64.js"></script>
<script type="text/javascript">
<!--
//This will generate the text file content based on the form data
function buildData(){
    var txtData = "Name: "+$("#nameField").val()+
            "\r\nLast Name: "+$("#lastNameField").val()+
            "\r\nGender: "+($("#genderMale").is(":checked")?"Male":"Female");

    return txtData;
}
//This will be executed when the document is ready
$(function(){
    //This will act when the submit BUTTON is clicked
    $("#formToSave").submit(function(event){
        event.preventDefault();
        var txtData = buildData();
        window.location.href="data:application/octet-stream;base64,"+Base64.encode(txtData);
    });

    //This will act when the submit LINK is clicked
    $("#submitLink").click(function(event){
        var txtData = buildData();
        $(this).attr('download','sugguestedName.txt')
            .attr('href',"data:application/octet-stream;base64,"+Base64.encode(txtData));
    });
});
//-->
</script>
</head>
<body>
<form method="post" action="" id="formToSave">
    <dl>
        <dt>Name:</dt>
        <dd><input type="text" id="nameField" value="Sample" /></dd>
        <dt>Last Name:</dt>
        <dd><input type="text" id="lastNameField" value="Last Name" /></dd>
        <dt>Gender:</dt>
        <dd><input type="radio" checked="checked" name="gender" value="M" id="genderMale" />
            Male
            <input type="radio" checked="checked" name="gender" value="F" />
            Female
    </dl>
    <p><a href="javascript://Save as TXT" id="submitLink">Save as TXT</a></p>
    <p><button type="submit"><img src="http://www.suttonrunners.org/images/save_icon.gif" alt=""/> Save as TXT</button></p>
</form>
</body>
</html>

InformationsquelleAutor José Roberto Araújo Júnior

2

Aus, was ich verstehe, müssen Sie die Eingabe des Benutzers lokal eine text-Datei.

Überprüfen Sie diesen link. Sehen, ob dies hilft.

Speichern von Benutzereingaben in eine text-Datei lokal

InformationsquelleAutor sugavaneshb
1

Können Sie localStorage um die Daten zu speichern für die spätere Verwendung, aber Sie können nicht speichern Sie Sie in einem Datei Verwendung von JavaScript (im browser).

Werden, umfassend:
Sie können nicht speichern etwas in eine Datei mit JavaScript im Browser, aber mit HTML5, können Sie die Dateien Lesen.

InformationsquelleAutor davidpfahler
0

Können Sie nicht speichern Sie es als lokale Datei ohne Verwendung von server-side-Logik. Aber wenn das passt Ihre Bedürfnisse, Sie betrachten könnte die lokale Speicherung html5 oder us-ein javascript-plugin als jStorage

InformationsquelleAutor A. Wolff

Oder dieser arbeiten werden auch die gleiche Weise, aber ohne einen speichern unter-Auswahl:

<!DOCTYPE html>
<html>
<head>


<script type='text/javascript'>//<![CDATA[
window.onload=function(){
(function () {
var textFile = null,
  makeTextFile = function (text) {
    var data = new Blob([text], {type: 'text/plain'});

    //If we are replacing a previously generated file we need to
    //manually revoke the object URL to avoid memory leaks.
    if (textFile !== null) {
      window.URL.revokeObjectURL(textFile);
    }

    textFile = window.URL.createObjectURL(data);

    return textFile;
  };


  var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');

  create.addEventListener('click', function () {
    var link = document.getElementById('downloadlink');
    link.href = makeTextFile(textbox.value);
    link.style.display = 'block';
  }, false);
})();

}//]]> 

</script>


</head>

<body>
  <textarea id="textbox">Type something here</textarea> <button id="create">Create file</button> <a download="info.txt" id="downloadlink" style="display: none">Download</a>


  <script>
  //tell the embed parent frame the height of the content
  if (window.parent && window.parent.parent){
    window.parent.parent.postMessage(["resultsFrame", {
      height: document.body.getBoundingClientRect().height,
      slug: "qm5AG"
    }], "*")
  }
</script>

</body>

</html>

InformationsquelleAutor SeekLoad

Dieser Arbeit werden sowohl das laden und speichern einer Datei in TXT aus einer HTML-Seite mit einem " speichern als Auswahl

<html>
<body>

<table>
    <tr><td>Text to Save:</td></tr>
    <tr>
        <td colspan="3">
            <textarea id="inputTextToSave" cols="80" rows="25"></textarea>
        </td>
    </tr>
    <tr>
        <td>Filename to Save As:</td>
        <td><input id="inputFileNameToSaveAs"></input></td>
        <td><button onclick="saveTextAsFile()">Save Text to File</button></td>
    </tr>
    <tr>
        <td>Select a File to Load:</td>
        <td><input type="file" id="fileToLoad"></td>
        <td><button onclick="loadFileAsText()">Load Selected File</button><td>
    </tr>
</table>

<script type="text/javascript">

function saveTextAsFile()
{
    var textToSave = document.getElementById("inputTextToSave").value;
    var textToSaveAsBlob = new Blob([textToSave], {type:"text/plain"});
    var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
    var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;

    var downloadLink = document.createElement("a");
    downloadLink.download = fileNameToSaveAs;
    downloadLink.innerHTML = "Download File";
    downloadLink.href = textToSaveAsURL;
    downloadLink.onclick = destroyClickedElement;
    downloadLink.style.display = "none";
    document.body.appendChild(downloadLink);

    downloadLink.click();
}

function destroyClickedElement(event)
{
    document.body.removeChild(event.target);
}

function loadFileAsText()
{
    var fileToLoad = document.getElementById("fileToLoad").files[0];

    var fileReader = new FileReader();
    fileReader.onload = function(fileLoadedEvent) 
    {
        var textFromFileLoaded = fileLoadedEvent.target.result;
        document.getElementById("inputTextToSave").value = textFromFileLoaded;
    };
    fileReader.readAsText(fileToLoad, "UTF-8");
}

</script>

</body>
</html>

InformationsquelleAutor SeekLoad

BESTE Lösung, wenn Ihr mich fragt ist diese.
Dies wird speichern Sie die Datei mit dem Datei-Namen Ihrer Wahl und automatisch in HTML-oder im TXT-Format auf Ihrer Wahl von Schaltflächen.

Beispiel:

<html>
<head>

<script language="Javascript" >
function download(filename, text) {
  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + 

encodeURIComponent(text));
  pom.setAttribute('download', filename);

  pom.style.display = 'none';
  document.body.appendChild(pom);

  pom.click();

  document.body.removeChild(pom);
}

function addTextHTML()
{
    document.addtext.name.value = document.addtext.name.value + ".html"
}

function addTextTXT()
{
    document.addtext.name.value = document.addtext.name.value + ".txt"
}
</script>

</head>
<body>

<form name="addtext" onsubmit="download(this['name'].value, this['text'].value)">

<textarea rows="10" cols="70" name="text" placeholder="Type your text here:"></textarea>
<br>
<input type="text" name="name" value="" placeholder="File Name">
<input type="submit" onClick="addTextHTML();" value="Save As HTML">
<input type="submit" onClick="addTexttxt();" value="Save As TXT">

</form>
</body>
</html>

InformationsquelleAutor SeekLoad

-1

Antwort ist JA

<html>
<head>
</head>
<body>
<script language="javascript">
function WriteToFile()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.CreateTextFile("C:\\NewFile.txt", true);
var text=document.getElementById("TextArea1").innerText;
s.WriteLine(text);
s.WriteLine('***********************');
s.Close();
}
</script>

<form name="abc">
<textarea name="text">FIFA</textarea>
<button onclick="WriteToFile()">Click to save</Button>  
</form> 

</body>
</html>

... und dies funktioniert nur mit InternetExplorer, und nur, wenn die Sicherheitseinstellungen dies zulassen.
Ich sehe nur ActiveXObject; ich nehmen Sie es das ist nur IE?
richtig!!!! und beachten Sie, es ist sehr unsicher, um dies zu ermöglichen, Funktionalität

InformationsquelleAutor topcat3

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.