Skip to content

Instantly share code, notes, and snippets.

@cmatskas

cmatskas/csvUploadTest.js

Last active January 11, 2023 19:42
Download ZIP

Revisions

  1. Christos Matskas revised this gist Jan 7, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion csvUploadTest.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    <hmtl>
    <!DOCTYPE html>
    <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>
  2. Christos Matskas created this gist Jan 7, 2016.
    54 changes: 54 additions & 0 deletions csvUploadTest.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,54 @@
    <hmtl>
    <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {

    // The event listener for the file upload
    document.getElementById('txtFileUpload').addEventListener('change', upload, false);

    // Method that checks that the browser supports the HTML5 File API
    function browserSupportFileUpload() {
    var isCompatible = false;
    if (window.File && window.FileReader && window.FileList && window.Blob) {
    isCompatible = true;
    }
    return isCompatible;
    }

    // Method that reads and processes the selected file
    function upload(evt) {
    if (!browserSupportFileUpload()) {
    alert('The File APIs are not fully supported in this browser!');
    } else {
    var data = null;
    var file = evt.target.files[0];
    var reader = new FileReader();
    reader.readAsText(file);
    reader.onload = function(event) {
    var csvData = event.target.result;
    data = $.csv.toArrays(csvData);
    if (data && data.length > 0) {
    alert('Imported -' + data.length + '- rows successfully!');
    } else {
    alert('No data to import!');
    }
    };
    reader.onerror = function() {
    alert('Unable to read ' + file.fileName);
    };
    }
    }
    });
    </script>
    </head>
    <body>
    <div id="dvImportSegments" class="fileupload ">
    <fieldset>
    <legend>Upload your CSV File</legend>
    <input type="file" name="File Upload" id="txtFileUpload" accept=".csv" />
    </fieldset>
    </div>
    </body>
    </html>