Javascript上传和动态解析文件
Javascript upload and parse file on fly
是否可以使用
<input type="file">
然后将其解析为 JavaScript 数组而不将文件保存在服务器端?您能否建议任何插件使用 csv(或任何其他(文件类型执行此操作。
在不使用后端的情况下以这种方式做事是个好主意吗?
谢谢。
用于
上传csv的JS代码,并在客户端解析它,然后将它们绘制到控制台中
function uploadDealcsv () {};
/*------ Method for read uploded csv file ------*/
uploadDealcsv.prototype.getCsv = function(e) {
let input = document.getElementById('dealCsv');
input.addEventListener('change', function() {
if (this.files && this.files[0]) {
var myFile = this.files[0];
var reader = new FileReader();
reader.addEventListener('load', function (e) {
let csvdata = e.target.result;
parseCsv.getParsecsvdata(csvdata); // calling function for parse csv data
});
reader.readAsBinaryString(myFile);
}
});
}
/*------- Method for parse csv data and display --------------*/
uploadDealcsv.prototype.getParsecsvdata = function(data) {
let parsedata = [];
let newLinebrk = data.split("'n");
for(let i = 0; i < newLinebrk.length; i++) {
parsedata.push(newLinebrk[i].split(","))
}
console.table(parsedata);
}
var parseCsv = new uploadDealcsv();
parseCsv.getCsv();
<input type="file" id="dealCsv"/>
相关文章:
- Highcharts从csv文件动态更新图表
- 从托管的javascript文件动态加载jQuery(如果页面上不可用)
- 有没有办法将样式表或javascript文件动态添加到包含插件的TYPO3页面
- 使用 jquery 从 json 数据文件动态填充选择元素
- 使用 PHP/JS 使用上传的文件动态填充网页
- 如何使用 jQuery 基于 JSON 文件动态更改数据
- 有没有办法将 css 文件或 javascript 文件动态注入 HTML 文档的 head 标签中
- 您能否按字母顺序对从 JSON 文件动态创建的 jQuery 列表进行排序
- 如何将KML文件动态加载到谷歌地图,并进一步加载到折线
- mongodb mongoi从外部文件动态导入
- 使用SVG文件动态修改谷歌地图图标
- 从外部链接到JavaScript的文件动态加载JQuery
- 从json配置文件动态加载脚本
- 如果相同的css &Js文件动态下载多次
- 使用node.js从多个JSON文件动态生成url和页面内容
- 从外部JS文件动态读取所有变量
- 用JS从外部PHP文件动态创建内容
- 从本地xml文件动态创建列表项
- 如何从html5中的js文件动态添加Svg图像
- 从外部.js文件动态访问正在更改的变量