您的位置:

js加载csv到页面(页面加载完执行js)

js加载csv到页面(页面加载完执行js)

更新:

本文目录一览:

怎么实现在jsp页面读取csv文件的内容

前台可以通过JS过滤文件类型,如果是CSV,允许上传,如果不是,给出提示。 后台先上传文件,如果成功,记录成功数量,失败记录失败数量。(这里记住要先上传在解析, 外在因素可能导致多种失败的情况。) 具体信息可以让他下载后查看。

如何用JS或Ajax读取csv文件

JS不能直接读取CSV格式的文件,如果硬要读,只能按照text的格式来读,然后根据逗号或者什么进行分组,

python flask 中加载的HTML 页面 的js中 需要加载CSV 文件 但找不到路径

在flask没有设置静态文件路径,需要映射一下static,否则找不到文件

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、excel、txt 、img等文件的方法总结

1. 调用后端接口导出文件

示例下载接口url

1.1 window.open(url)

会打开一个新窗口,开始下载后会自动关闭新窗口。Safair 下载后没有关闭新窗口。

Chrome、IE、Safair支持,貌似火狐不支持

1.2 window.location=url

在当前窗口下载

Chrome、Safair支持

1.3 iframe

在HTML中,iframe 的属性用src,但在JS中,只有部份浏览器支持修改src(读是没问题),真正通用的是要修改对应框架的href值。

1.4 a href="url" download="filename"点击链接下载/a

HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载,目前只有chrome、firefox、opera、Edge支持。常用此方法点击下载图片。

IE既不支持a标签的download属性也不允许js调用a 标签的click方法。

2. 前端直接导出文件到本地

2.1 将数据转成DataURI用a标签下载

a href="DataURI" download="filename"点击链接下载/a

Data URI Scheme

Data URI Scheme是指可以在Web 页面中包含图片但无需任何额外的HTTP 请求的一类URI。 Data URI Scheme一般用于将经过base64编码的数据嵌入网页中,从而减少请求资源的链接数。IE8 之前的版本都不支持 data URI scheme。

DataURI的格式:

生成DataURI的方式

1. encodeURIComponent

使用这种方式,当数据过多时,URI长度容易超出浏览器限制。 encodeURIComponent常用来转码接口参数,为了避免服务器收到不可预知的请求,对任何用户输入的作为URI部分的内容都需要用encodeURIComponent进行转义。

2. URL.createObjectURL

URL.createObjectURL的参数是File对象或者Blob对象

IE10以下不支持URL.createObjectURL

2.2 windows.navigator.msSaveBlob IE10~Edge 专用

msSaveBlob 是IE10~Edge 私有方法。

2.3 execCommand

有的资料有提到IE9可以使用execCommand方法来保存数据到本地文件,但是我自己没有验证过,不知道是否可行。而且MDN文档中execCommand没有查到SaveAs命令。这块只是做个小记录。

js数据直接导出/下载数据到本地到方法总结

本文转载自:

js加载csv到页面(页面加载完执行js)

本文目录一览: 1、怎么实现在jsp页面读取csv文件的内容 2、如何用JS或Ajax读取csv文件 3、python flask 中加载的HTML 页面 的js中 需要加载CSV 文件 但找不到路径

2023-12-08
js加载php页面内容(php加载html页面)

2022-11-14
js加载网页recv(js页面加载)

本文目录一览: 1、js怎样页面加载之前执行 2、请教JS如何实现点击按钮加载指定网页 3、1。怎样用js实现先加载网页的一部分,等滚轮到一定位置再加载下面部分 4、【JS】如何在弹出层中加载网页?4

2023-12-08
webjs怎么加载(js加载页面)

本文目录一览: 1、android 怎么在webview中加载 js文件 2、如何在用js处理页面首次加载的问题 3、高性能web开发 如何加载JS,JS应该放在什么位置 4、intellij ide

2023-12-08
js加载csv文件,js 加载文件

本文目录一览: 1、JS写一个读取已知路径的CSV文件,将里面每一行的数据,返回在SELECT的每一行中 2、JavaScript 如何读取数据库CSV文件,然后再Cesium中运用其中两列 3、ja

2023-12-08
js中等待文档加载完成代码,页面加载完成后执行js

本文目录一览: 1、js 怎么让图片加载完成后才执行下面代码? 2、js如何判断引入的js文件是否加载完毕 3、用js判断页面是否加载完成实现代码 4、js中,如何等待多个图片加载完后再执行其他的js

2023-12-08
js中等待文档加载完成代码,页面加载完成后执行js

本文目录一览: 1、js 怎么让图片加载完成后才执行下面代码? 2、js如何判断引入的js文件是否加载完毕 3、用js判断页面是否加载完成实现代码 4、js中,如何等待多个图片加载完后再执行其他的js

2023-12-08
当js未加载完的时候样式问题,js报错页面不加载

2022-11-24
js加载完成代码(js 加载js)

本文目录一览: 1、用js判断页面是否加载完成 2、用js判断页面是否加载完成实现代码 3、如何让页面加载完成后执行js 用js判断页面是否加载完成 用document.onreadystatecha

2023-12-08
页面动态加载对应的js文件(页面动态加载对应的js文件)

本文目录一览: 1、如何在html页面动态加载js文件 2、如何在js文件中动态加载另一个js文件? 3、用原生js怎么动态添加一个js文件 4、怎么在网页中通过jQuery动态加载js代码 5、如何

2023-12-08
网页懒加载js,html懒加载

本文目录一览: 1、图片懒加载和预加载 2、网页加载很慢JS或jquery堵塞,导致很久才弹出窗口 3、Vue.js中能使用vue-router + webpack 实现懒加载吗 4、网页打开很慢,加

2023-12-08
打开网页加载js,打开网页数据加载中

2022-11-24
如何加载js代码(js怎么加载)

本文目录一览: 1、圈x添加js脚本怎么使用 2、如何在js中动态引入或加载js文件 3、怎样在网页中插入JavaScript代码 4、几种延迟加载JS代码的方法加快网页的访问速度 5、如何在网页加载

2023-12-08
网页加载jscss,网页加载不完全

本文目录一览: 1、HTML中引入css和js的方法 2、iOS WebView加载本地js、css文件 3、iframe每个页面加载css js HTML中引入css和js的方法 我们在HTML中经

2023-12-08
js动态加载网页,js 动态网页

2022-11-24
css会被js阻塞吗,css加载会阻塞js运行吗?

本文目录一览: 1、css和js的加载/执行是否会阻塞Dom 2、哪些地方会出现css阻塞,哪些地方会出现js阻塞 3、CSS 动画会不会被 JS 阻塞 4、css会不会影响js事件执行 求大神解答

2023-12-08
js代码无法加载,修改完js 之后总是没有加载

2022-11-24
js文件下载慢(网页下载文件特别慢)

本文目录一览: 1、网站中有三个js文件大小超过100KB,超级影响加载速度,想问怎样优化? 2、用的是七牛云,当出现多个js加载慢的问题要怎么解决? 3、js加载速度慢怎么解决? 网站中有三个js文

2023-12-08
HTML require:如何优化页面加载速度?

2023-05-17
html动态加载js,html动态加载div

2023-01-04