Как загрузить файл CSV для отображения на странице HTML5 и иметь поле поиска для его фильтрации? ⇐ Html

[Anonymous]

Мне нужен документ HTML5, который считывает файл CSV, когда страница загружается, который будет размещен локально/на моем веб -сайте/нашем сервере. Файл CSV будет иметь 3 списка: отдел, категории, типы продуктов. Страница должна иметь 3 окна поиска для них (по одному на каждый) для поиска/фильтра для определенного ключевого слова для любого отделения/категорий/типов продуктов.

Я совершенно новичок в Web Dev и HTML5/jQuery, я получил следующую работу, которую вам нужно вручную выбрать файл, а затем нажмите «Загрузить», чтобы отобразить содержимое. Я думал о замене < /p>

Код: Выделить всё

reader.readAsText($("#fileUpload")[0].files[0]);
< /code>

to < /p>

reader.readAsText(string filename);
< /code>

Причина - я уже знаю имя файла, так что можно указать его, но я знаю, что вы не можете передать строку в < /p>

reader.readAsText
< /code>

В любом случае мой код следующим образом: < /p>





CSV Downloader




$(function () {
$("#upload").bind("click", function () {
var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv)$/;
var localCSVfile = "C:\Users\User1\Desktop\Temp\Test for HTML5.csv";
var test1 = false;
if (regex.test(localCSVfile.toLowerCase())) {
test1 = true;
if (typeof (FileReader) != "undefined") {
var reader = new FileReader();
reader.onload = function (e) {
var table = $("");
var rows = e.target.result.split("\n");

for (var i = 0; i < rows.length; i++) {
var row = $("");
var cells = rows[i].split(",");
for (var j = 0; j < cells.length; j++) {
var cell = $("");
cell.html(cells[j]);
row.append(cell);

}
table.append(row);
}

$("#dvCSV").html('');
$("#dvCSV").append(table);

}
reader.readAsText($("#fileUpload")[0].files[0]);
} else {
alert("This browser does not support HTML5.");
}
} else {
alert("Please upload a valid CSV file.");
}
});
});




Department:



Categories:



Product Types:

Я не хочу, чтобы кнопки/функциональность Click/загрузка, так как я бы хотел, чтобы файл CSV был загружен автоматически при загрузке страницы, а также 3 окна поиска должны фактически фильтровать Соответствующий список в файле CSV и отображает его (в настоящее время поле поиска ничего не делают).

Подробнее здесь: https://stackoverflow.com/questions/277 ... -filter-it