📑 File Exchange Workout 01. JavaScript & Text Files

file_exchange_01.html

JavaScript & Text Files

xxxxxxxxxx

 

1

%%html

2

<table>

3

    <tr><td>Text to Save:</td></tr>

4

    <tr><td colspan='3'>

5

      <textarea id='inputTextToSave' cols='70' rows='5'></textarea>

6

        </td></tr>

7

    <tr><td>File Name to Save:</td>

8

        <td><input id='inputFileNameToSave' style='width:150px;'>

9

            </input></td>

10

        <td><button onclick='saveTextAsFile()' style='width:150px;'>

11

            Save Text to File</button></td></tr>

12

    <tr><td>File to Load:</td>

13

        <td><input type='file' id='inputFileToLoad'></td>

14

        <td><button onclick='loadFileAsText()' style='width:150px;'>

15

            Load File as Text</button><td></tr>

16

</table>

17

<script type='text/javascript'>

18

function saveTextAsFile(){

19

    var textToSave=

20

        document.getElementById('inputTextToSave').value;

21

    var textToSaveAsBlob=

22

        new Blob([textToSave],{type:'text/plain'});

23

    var textToSaveAsURL=

24

        window.URL.createObjectURL(textToSaveAsBlob);

25

    var fileNameToSaveAs=

26

        document.getElementById('inputFileNameToSave').value;

27

    var downloadLink=document.createElement('a');

28

    downloadLink.download=fileNameToSaveAs;

29

    downloadLink.innerHTML='Download File';

30

    downloadLink.href=textToSaveAsURL;

31

    downloadLink.onclick=destroyClickedElement;

32

    document.body.appendChild(downloadLink); 

33

    downloadLink.click();};

34

function destroyClickedElement(event){

35

    document.body.removeChild(event.target);};

36

function loadFileAsText(){

37

    var fileToLoad=

38

        document.getElementById('inputFileToLoad').files[0];

39

    var fileReader=new FileReader();

40

    fileReader.onload=function(fileLoadedEvent) {

41

        var textFromFileLoaded=fileLoadedEvent.target.result;

42

        document.getElementById('inputTextToSave').value=

43

        textFromFileLoaded;};

44

    fileReader.readAsText(fileToLoad,'UTF-8');}

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages