Advertisement
Guest User

HTML/JAVASCRIPT

a guest
May 18th, 2017
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.31 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <title>Lista</title>
  5. <link rel="stylesheet" href="css/csvtable.css" type="text/css" />
  6. <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  7. <script type="text/javascript" src="js/jquery.csvToTable.js"></script>
  8. <link href="Lista.css" type="text/css" rel="stylesheet">
  9.  
  10. <head>
  11.  
  12. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  13. <meta charset="utf-8" />
  14. </head>
  15. <body>
  16. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  17. <script type="text/javascript">
  18. $(function () {
  19. $("#upload").bind("click", function () {
  20. var regex = /^([a-zA-Z0-9\s_\\.\-: á])+(.csv|.txt)$/;
  21. if (regex.test($("#fileUpload").val().toLowerCase())) {
  22. if (typeof (FileReader) != "undefined") {
  23. var reader = new FileReader();
  24. reader.onload = function (e) {
  25. var table = $("<table />");
  26. var rows = e.target.result.split("\n");
  27. for (var i = 0; i < rows.length; i++) {
  28. var row = $("<tr />");
  29. var cells = rows[i].split(";");
  30. for (var j = 0; j < cells.length; j++) {
  31. var cell = $("<td />");
  32. cell.html(cells[j]);
  33. row.append(cell);
  34. }
  35. table.append(row);
  36. }
  37. $("#dvCSV").html('');
  38. $("#dvCSV").append(table);
  39. }
  40. reader.readAsText($("#fileUpload")[0].files[0]);
  41. } else {
  42. alert("This browser does not support HTML5.");
  43. }
  44. } else {
  45. alert("Please upload a valid CSV file.");
  46. }
  47. });
  48. });
  49.  
  50. </script>
  51.  
  52. <input type="file" id="fileUpload" />
  53. <input type="button" id="upload" value="Upload" />
  54. <hr />
  55. <div id="dvCSV">
  56. </div>
  57. </body>
  58. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement