如何使用 jquery 读取已使用 html 表格上传的文件 csv？

Question

我正在尝试使用 jquery 读取 csv 文件。 我已经通过了输入标签为 html 的文件，但我在阅读它时遇到了一些问题。 在我编写的代码下方。

HTML 代码：

<div id="insertCSV" class = "formblacktransparent">
                                <input id="csv" type="file" accept=".csv" class="form-control"  placeholder="Insert csv"> </input>
                                <button type="button" class="log-btn" id="confCsv"> Confirm </button>

                            </div>

Jquery 代码：

$("#confCsv").click(function(data){
                var input = document.getElementById('csv');
                var file = input.files[0];
                alert(file[0]);
                 var fr = new FileReader();
                fr.readAsDataURL(data);
                alert(fr);

                });

我不明白是否以这种方式上传了文件以及如何加入它。 有任何想法吗？ 先感谢您！！

Answer 1

我写在我用来解决我的问题的代码下面。 我希望它有用。 你好！

document.querySelector("#confCsv").addEventListener('click', function() {
                if(document.querySelector("#csv").files.length == 0) {
                alert('Error : No file selected');
                return;
                }

                 // first file selected by user
                var file = document.querySelector("#csv").files[0];

                 // perform validation on file type & size if required

                 // read the file
                 var reader = new FileReader();

                // file reading started
                reader.addEventListener('loadstart', function() {
                console.log('File reading started');
                });

                 // file reading finished successfully
                 reader.addEventListener('load', function(e) {
                   // contents of file in variable     
                 var text = e.target.result;
                  var row =  text.split('\n');



                  row.forEach(function(e) {

                  var datiGiornalieri = e.split(';');
                socket.emit('parameterRegistrationFile', {ID: patientID, paramdata: datiGiornalieri[0], parametername: 'alfa',parametervalue: datiGiornalieri[1] });

                  });
    });

                reader.readAsText(file);
    });