Question

我对这个项目的意图是使用一个执行不同功能的提交按钮上传两个文件。

例如，我有csv格式的文件名为＆＃34; A＆＃34;有经度/纬度数据，我有一个函数，计算它们之间的距离，并将其存储到一个数组。

我的第二个档案＆＃34; B＆＃34;我没有关于距离的信息，所以我想要做的是将距离存储到第二个文件中并让它拍摄一个包含B的新文件，其中包含来自A的缺失信息。

现在我可以上传文件A并让它执行这些功能而没有任何问题，但是当我尝试上传文件B时，它说它不存在。

我的问题是我怎样才能有两个上传表单，但是在每个文件上执行不同的功能时一次提交两个上传表单。当然文件A必须先完成执行才能插入到文件中乙

        <input type="file" id="A" />
        <form method="get" id="uploadA" >
        <input type="file" id="B" />
        <form method="get" id="uploadB" >

submitForms = function(){
     $('#fileA').submit(a()); 
     $('#fileB').submit(b());}


var b = function () {
    var fileUser = document.getElementById('#fileB'); 
    var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/; 
    if (regex.test(fileUser.value.toLowerCase())) {
        if (typeof (FileReader) != 'undefined') {
            var reader = new FileReader();
            reader.onload = function (e) {
                var table = document.createElement('table');
                var rows = e.target.result.split("\n");
                for (var i = 0; i < rows.length; i++) {
                    var row = table.insertRow(-1); 
                    var cells = rows[i].split(","); 
                    //do something

                }
                reader.readAsText(Userfile.files[0]);
            }
        }else {
            alert("This browser does not support HTML5.");
        }
    } else {
        alert("Please upload a valid CSV file.");
    }
    return false; //prevent the form from submitting
}

}）;

Javascript：上传两个文件表单和一个按钮提交

0 个答案: