js点击按钮打开csv文件（js点击按钮打开新窗口）

发布时间：2023-12-08

js点击按钮打开csv文件（js点击按钮打开新窗口）

更新：2022-11-16 12:20

本文目录一览：

  1. csv文件怎么打开
  2. 用js如何实现点击按钮打开一个指定路径下的文件
  3. javascript 读取csv文件

csv文件怎么打开

csv文件怎么打开

方法一

  1. 不用任何软件，使用电脑中的写字板来打开csv文件。
  2. 在电脑桌面，点击左下方的“开始”。
  3. 点击所有程序——附件——写字板。
  4. 在跳出的'写字板上，鼠标点击文件——打开。
  5. 在文件类型下选择全部文档，选取要打开的csv文件，点击打开。
  6. 打开后的结果，如下图显示。

方法二

  1. 用office excel 2007软件也可以打开csv文件。如果电脑上装了Microsoft Excel的话，.csv文件默认是被Excel打开的。
  2. 在电脑桌面打开office excel 2007软件，点击office按钮——打开。
  3. 在文件类型下选择文本文件，点击csv文件——打开。
  4. 随后，会跳出文件导入向导，共有3步。如没有特殊情况直接点击下一步，直至完成。
  5. 打开后的结果，如下图显示。

用js如何实现点击按钮打开一个指定路径下的文件

方法步骤如下：

  1. 首先，打开计算机，然后打开JS，在其中创建一个HTML文件“test”。
  2. 然后将HTML框架添加到测试文件中。
  3. 然后添加两个输入，一个是button，另一个是file将ID设置为“open”样式类型为“display：None”并且不显示。
  4. 打开后，仅显示此“打开文件”按钮。
  5. 现在将onclick事件添加到按钮，并调用openfile来触发ID为“open”的文件。
  6. 现在单击浏览器中的“打开文件”就会弹出选择文件路径对话框。

javascript 读取csv文件

js读取CSV格式数据，参考如下：

// This will parse a delimited string into an array of
// arrays. The default delimiter is the comma, but this
// can be overriden in the second argument.
function CSVToArray(strData, strDelimiter) {
    // Check to see if the delimiter is defined. If not,
    // then default to comma.
    strDelimiter = (strDelimiter || ",");
    // Create a regular expression to parse the CSV values.
    var objPattern = new RegExp(
        (
            // Delimiters.
            "(\\\" + strDelimiter + "|\\r?\\n|\\r|^)" +
            // Quoted fields.
            "(?:\"([^\"]*(?:\"\"[^\"]*)*)\"|" +
            // Standard fields.
            "([^\"\\" + strDelimiter + "\\r\\n]*))"
        ),
        "gi"
    );
    // Create an array to hold our data. Give the array
    // a default empty first row.
    var arrData = [[]];
    // Create an array to hold our individual pattern
    // matching groups.
    var arrMatches = null;
    // Keep looping over the regular expression matches
    // until we can no longer find a match.
    while (arrMatches = objPattern.exec(strData)) {
        // Get the delimiter that was found.
        var strMatchedDelimiter = arrMatches[1];
        // Check to see if the given delimiter has a length
        // (is not the start of string) and if it matches
        // field delimiter. If id does not, then we know
        // that this delimiter is a row delimiter.
        if (
            strMatchedDelimiter.length &&
            strMatchedDelimiter != strDelimiter
        ) {
            // Since we have reached a new row of data,
            // add an empty row to our data array.
            arrData.push([]);
        }
        // Now that we have our delimiter out of the way,
        // let's check to see which kind of value we
        // captured (quoted or unquoted).
        if (arrMatches[2]) {
            // We found a quoted value. When we capture
            // this value, unescape any double quotes.
            var strMatchedValue = arrMatches[2].replace(
                new RegExp("\"\"", "g"),
                "\""
            );
        } else {
            // We found a non-quoted value.
            var strMatchedValue = arrMatches[3];
        }
        // Now that we have our value string, let's add
        // it to the data array.
        arrData[arrData.length - 1].push(strMatchedValue);
    }
    // Return the parsed data.
    return (arrData);
}
推荐文章