Home Web Front-end JS Tutorial JavaScript method to implement client-side compatibility with various browsers to create csv and download it_javascript skills

JavaScript method to implement client-side compatibility with various browsers to create csv and download it_javascript skills

May 16, 2016 pm 04:07 PM
csv javascript download compatible create client method Browser

The example in this article describes the method of using JavaScript to create a csv and download it on the client side compatible with various browsers. Share it with everyone for your reference. The specific implementation method is as follows:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

$("#radarDLBut").click(function(){

var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]];

var csvContent = "data:text/csv;charset=utf-8,\ufeff";

if (window.navigator.msSaveOrOpenBlob) {

  csvContent = "\ufeff";

}

data.forEach(function(infoArray, index){

  dataString = infoArray.join(",");

  csvContent += index < data.length &#63; dataString+ "\n" : dataString;

});

if (window.navigator.msSaveOrOpenBlob) {

  // if browser is IE

  var blob = new Blob([decodeURIComponent(encodeURI(csvContent))],{

 type: "text/csv;charset=utf-8;"

  });

  navigator.msSaveBlob(blob, 'subject.csv');

}else{

  var encodedUri = encodeURI(csvContent);

  var link = document.createElement("a");

  link.setAttribute("href", encodedUri);

  link.setAttribute("download", "subject.csv");

  document.body.appendChild(link);

  link.click();

}

});

Copy after login

I hope this article will be helpful to everyone’s JavaScript programming design.

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Why can custom style sheets take effect on local web pages in Safari but not on Baidu pages? Why can custom style sheets take effect on local web pages in Safari but not on Baidu pages? Apr 05, 2025 pm 05:15 PM

Discussion on using custom stylesheets in Safari Today we will discuss a custom stylesheet application problem for Safari browser. Front-end novice...

How to customize the resize symbol through CSS and make it uniform with the background color? How to customize the resize symbol through CSS and make it uniform with the background color? Apr 05, 2025 pm 02:30 PM

The method of customizing resize symbols in CSS is unified with background colors. In daily development, we often encounter situations where we need to customize user interface details, such as adjusting...

How to correctly display the locally installed 'Jingnan Mai Round Body' on the web page? How to correctly display the locally installed 'Jingnan Mai Round Body' on the web page? Apr 05, 2025 pm 10:33 PM

Using locally installed font files in web pages Recently, I downloaded a free font from the internet and successfully installed it into my system. Now...

How to control the top and end of pages in browser printing settings through JavaScript or CSS? How to control the top and end of pages in browser printing settings through JavaScript or CSS? Apr 05, 2025 pm 10:39 PM

How to use JavaScript or CSS to control the top and end of the page in the browser's printing settings. In the browser's printing settings, there is an option to control whether the display is...

How to use locally installed font files on web pages? How to use locally installed font files on web pages? Apr 05, 2025 pm 10:57 PM

How to use locally installed font files on web pages Have you encountered this situation in web page development: you have installed a font on your computer...

Why does negative margins not take effect in some cases? How to solve this problem? Why does negative margins not take effect in some cases? How to solve this problem? Apr 05, 2025 pm 10:18 PM

Why do negative margins not take effect in some cases? During programming, negative margins in CSS (negative...

How to efficiently extract JavaScript code for web carousel diagrams? How to efficiently extract JavaScript code for web carousel diagrams? Apr 05, 2025 pm 12:18 PM

Starting with the carousel code of Baidu News homepage, many people hope to extract JavaScript code from webpages to achieve similar webpage effects, such as Baidu New...

How to use CSS and Flexbox to implement responsive layout of images and text at different screen sizes? How to use CSS and Flexbox to implement responsive layout of images and text at different screen sizes? Apr 05, 2025 pm 06:06 PM

Implementing responsive layouts using CSS When we want to implement layout changes under different screen sizes in web design, CSS...

See all articles