window.fetch telecharger un fichier

Version imprimable

Bonjour à tous ,
j'ai un fichier php , lorsque je l'execute directement sur le navigateur , il enregistre bien le csv comme souhaité .
par contre lorsque je l'execute coté client avec window.fetch il retourne plutot les données dans data au lieur de telecharger mon csv .
merci de votre aide .

Code:

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
 
function download(code)
	{
 
	    var url ='../ss/extraction.php';
        var formData = new FormData();
 
        formData.append('code', code);
 
        window.fetch(url, {
            method: 'POST',
            body: formData,
            headers:{
                     'X-Requested-With': 'XMLHttpRequest'                   
            }                        
        })
        .then(response => {
                if (!response.ok) {
                  throw new Error('failed to fetch')
                }                         
                 return response.text();
                 //console.log(response.text());
        })                    
        .then(data => 
                {
                	console.log(data);
                }                           
        )
        .catch(error => console.error('Error:', error));	   
	}

Il faut que tu génère un blob à partir des datas (contenant le csv) que tu as reçu en réponse, et que tu déclenche manuellement le téléchargement de ce blob.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var saveBlob = (function () {
	var a = document.createElement("a");
	document.body.appendChild(a);
	a.style = "display: none";
	return function (data, name) {
		var blob = new Blob(data, {type: "octet/stream"}),
			url = window.URL.createObjectURL(blob);
		a.href = url;
		a.download = name;
		a.click();
		window.URL.revokeObjectURL(url);
	};
}());
saveBlob(datas, "telechargement.csv");

hello fubuntu,
Merci pour ta reponse ,
j'ai essaye de faire ceci comme indiqué

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
                    var CSV = [
    '"1","val1","val2"',
    '"2","val1","val2"',
    '"3","val1","val2"'
  ].join('\n');
 
                    var saveBlob = (function () {
    var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
    return function (data, name) {
        var blob = new Blob(data, {type: "octet/stream"}),
            url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = name;
        a.click();
        window.URL.revokeObjectURL(url);
    };
}());
saveBlob(CSV, "telechargement.csv");

mais je recois cette erreur

Citation:

TypeError: Failed to construct 'Blob': The provided value cannot be converted to a sequence.

Merci !

29/09/2020, 07h30
solo190

Hella All,
Jespere que vous allez bien !
il fallait modifier cette ligne .

Code:

var blob = new Blob([data], {type: "octet/stream"}),

Merci à tous