Javascript 如何解析远程CSV文件
我有一个CSV文件存储在我的服务器上,我想从客户端的JavaScript代码解析它 目前我有以下不起作用的项目:Javascript 如何解析远程CSV文件,javascript,jquery,csv,ecmascript-6,csvtoarray,Javascript,Jquery,Csv,Ecmascript 6,Csvtoarray,我有一个CSV文件存储在我的服务器上,我想从客户端的JavaScript代码解析它 目前我有以下不起作用的项目: function CSVToArray(strData, strDelimiter) { // Check to see if the delimiter is defined. If not, // then default to comma. strDelimiter = (strDelimiter || ","); // Create a regular ex
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([]);
}
var strMatchedValue;
// 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.
strMatchedValue = arrMatches[2].replace(
new RegExp("\"\"", "g"),
"\""
);
} else {
// We found a non-quoted value.
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);
}
var res = CSVToArray("http://x.x.x.x/uploaded-img/location.csv", ",");
console.log(res);
结果:[“”]
预期结果:来自服务器实际csv文件的内容数据数组
有什么帮助吗?一个简单的方法是使用papaParse之类的库。js@charlietfl我倾向于将其集成到React本机应用程序,该库是否仍在React本机应用程序上工作?我还在想,也许我必须以某种方式从服务器端进行配置,以将csv的内容作为字符串或smth返回,这样我就不必下载它了。。。我不确定我是不是糊涂了!当然这是一个javascript库你有没有在react native上安装这个库的例子
So basically it displays the url since the first parameter were suppose to be the actual content of CSV and not the file location.
My question how do I get the content of the csv so then I can parse it and add to some array.