js載入csv文件,js 載入文件

本文目錄一覽：

• 1、JS寫一個讀取已知路徑的CSV文件，將裡面每一行的數據，返回在SELECT的每一行中
• 2、JavaScript 如何讀取資料庫CSV文件，然後再Cesium中運用其中兩列
• 3、javascript 讀取csv文件
• 4、前端js實現數據寫csv文件，並下載
• 5、python flask 中載入的HTML 頁面 的js中 需要載入CSV 文件 但找不到路徑

JS寫一個讀取已知路徑的CSV文件，將裡面每一行的數據，返回在SELECT的每一行中

JS不能直接讀取CSV格式的文件，如果硬要讀，只能按照text的格式來讀，然後根據逗號或者什麼進行分組，用ajax就行了~推薦用JQ，原生JS費勁！

JavaScript 如何讀取資料庫CSV文件，然後再Cesium中運用其中兩列

兼容性好點就發送內容到伺服器，又伺服器處理，設置”Content-Disposition

javascript 讀取csv文件

js讀取CSV格式數據，參考如下：

script type=”text/javascript”     

// 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 );  

}  

/script

前端js實現數據寫csv文件，並下載

var data = [“1,2,3\n”,”4,5,6″] // 每一行數據為一個字元串，字元串用「,」隔開，並且在每一行加上換行符

var blob = new Blob(data, {type:”text/csv,charset=UTF-8″})

var csvUrl = URL.createObjectURL(blob)

var aEle = document.createElement(“a”)

aEle.download = “data.csv” //文件名隨意

aEle.href = csvUrl

aEle.click()

python flask 中載入的HTML 頁面 的js中 需要載入CSV 文件 但找不到路徑

在flask沒有設置靜態文件路徑，需要映射一下static，否則找不到文件