Lire fichier csv

**aertys** · 21/06/2016, 14h43

bonjour

je recherche un moyen de lire un .csv en js.
j'ai donc trouvé ce code:

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
28
29
 
<input id="test" type="file" />
 
<script type="text/javascript">
window.onload=function() {
  var inp = document.getElementById('test');
  inp.onchange = function() {
    readFile(this,function(res) { alert(res); });
  };
};
function readFile(input,callback) {
  if(typeof FileReader !== 'undefined') {
    var fr = new FileReader();
    fr.readAsText(input.files[0]);
    fr.onload = function() {
      callback(fr.result);
    };
  } else if(typeof ActiveXObject !== 'undefined') {
    var path = input.value,
    ts = (new ActiveXObject("Scripting.FileSystemObject")).GetFile(path).OpenAsTextStream(1,-2),
    res = '';
    while (!ts.AtEndOfStream) {
      res += ts.ReadLine() + '\n';
    }
    ts.Close();
    callback(res);
  }
};
</script>

mais il me faut l'adapter: le fichier m'est connu: disons base.csv

**SpaceFrog** · 21/06/2016, 14h53

en local ?

**aertys** · 21/06/2016, 16h03

oui c'est pour tourner sur une clé usb

**SpaceFrog** · 21/06/2016, 16h26

tu vas te heurter a des restrictions d'accès pour raison de sécurité

**melka one** · 21/06/2016, 16h39

bonjour

voici la base

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <head>
 <style type="text/css">
	textarea{
    width:50%;
	height:500px;
	display:block;
    margin:auto;
	margin-bottom:15px;
	border:2px ridge #aaa;
	border-color:#585858;
    box-shadow: 10px 10px 10px #616161;
    }
</style>
 <script type="text/javascript">
 
function charger(e){
 
	var fichier = e.target.files;
 
	var dv=document.createElement('textarea');
 
	var charge=new FileReader();
 
	charge.readAsText(fichier[0]);
 
	charge.onloadend = function(e){
		dv.textContent = e.target.result;
		document.body.appendChild(dv);
	}
}
</script>
</head>
<body>
<br>
<input type='file' onchange='charger(event)'>
<br>
</body>
</html>

**aertys** · 04/07/2016, 11h35

merci bien, cela dit le nom de fichier m'est connu
je pense que cela simplifie le code!!!!!!!!!
et comment l'écrire?

je vous pose mon problème : j'ai un csv dans une clé, voudrai si possible en HTML, d'où le js, l'afficher et le modifier

si c'est impossible en js; proposez-moi un autre langage
mais il doit être compatible avec html5 et et qu'il tourne sur une clé usb

**aertys** · 12/07/2016, 15h20

je vous un aperçu de ce que j'aimerais faire en js :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
28
29
30
31
32
33
34
35
(function () {
	var table = document.querySelector('table'),
	    file = 'csv/.csv';
	// open
	function read() { // lecture du fichier et renvoi d'une variable contenant ses données en brut
		var reader = new FileReader(),
		    csv = reader.readAsText(file);
		return csv;
	}
	var csv = read(),
	    cols = csv.split('\n');
	for (var i = 0 ; i < cols.length ; i++) {	
		for (var j = 0 ; j < col [i] ; j++) {
			cols [i] [j] = cols [i].split(';');
		}
	}
	function afficherFirstLine() { // affiche l'en-tête du tableau
		var tr1 = document.createElement('tr');
		for (var i = 0 ; i < cols [0].length ; i++) {
			var th = document.createElement('th');
			th.innerHTML = cols [0] [i];
			tr1.appendChild(th);
		}
	}
	function afficher () { // affiche le reste du tableau
		for (var i = 1 ; i < cols.length ; i++) {
			var tr = document.createElement('tr');
			for (var j = 0 ; j < cols [i].length ; j++) {
				var td = document.createElement('td');	
				td.innerHTML = cols [i] [j];
				tr.appendChild(td);			
			}
		}										
	}
}());

pouvez-vous m'aider à coder l'ouverture?

Lire fichier csv

JavaScript

Vue hybride

Discussions similaires

Partager

Partager