Salut a tous,

Je voudrais faire un bouton(ou un <a>, n'import quel balise) qui fait en sorte de telecharger une image. J'ai l'url de l'image qui est stockée dans un objet.

Oui

Bah c'est exactement <a href=...>

Le 02 décembre 2021 à 18:03:16 :
Bah c'est exactement <a href=...>

bh nn ca c'est pour l'url de la page

J'ai pris ca sur un site:

axios({
            url: 'https://source.unsplash.com/random/500x500',
            method: 'GET',
            responseType: 'blob'
        })
            .then((response) => {
                const url = window.URL
                    .createObjectURL(new Blob([response.data]));
                const link = document.createElement('a');
                link.href = url;
                link.setAttribute('download', 'image.jpg');
                document.body.appendChild(link);
                link.click();
            })

Mais des que je change l'url ca ne marche plus

Le 02 décembre 2021 à 18:14:31 :
J'ai pris ca sur un site:

axios({
            url: 'https://source.unsplash.com/random/500x500',
            method: 'GET',
            responseType: 'blob'
        })
            .then((response) => {
                const url = window.URL
                    .createObjectURL(new Blob([response.data]));
                const link = document.createElement('a');
                link.href = url;
                link.setAttribute('download', 'image.jpg');
                document.body.appendChild(link);
                link.click();
            })

Mais des que je change l'url ca ne marche plus

Ce serait peut-être intéressant de comprendre un peu plus comment ça fonctionne et ce que tu fais, que simplement pisser du code sans rien comprendre depuis six mois.

En effet

Le 02 décembre 2021 à 18:48:18 :

Le 02 décembre 2021 à 18:14:31 :
J'ai pris ca sur un site:

axios({
            url: 'https://source.unsplash.com/random/500x500',
            method: 'GET',
            responseType: 'blob'
        })
            .then((response) => {
                const url = window.URL
                    .createObjectURL(new Blob([response.data]));
                const link = document.createElement('a');
                link.href = url;
                link.setAttribute('download', 'image.jpg');
                document.body.appendChild(link);
                link.click();
            })

Mais des que je change l'url ca ne marche plus

Ce serait peut-être intéressant de comprendre un peu plus comment ça fonctionne et ce que tu fais, que simplement pisser du code sans rien comprendre depuis six mois.

Moi il me fait peur

Le 02 décembre 2021 à 18:13:37 :

Le 02 décembre 2021 à 18:03:16 :
Bah c'est exactement <a href=...>

bh nn ca c'est pour l'url de la page

C'est exactement ça que ton bout de JavaScript fait. Il rajoute un élément a dans la page et configuré l'attribut bref et download.
Lis la spec pour voir comment ces deux attribut fonctionnent.

Le 02 décembre 2021 à 18:48:18 :

Le 02 décembre 2021 à 18:14:31 :
J'ai pris ca sur un site:

axios({
            url: 'https://source.unsplash.com/random/500x500',
            method: 'GET',
            responseType: 'blob'
        })
            .then((response) => {
                const url = window.URL
                    .createObjectURL(new Blob([response.data]));
                const link = document.createElement('a');
                link.href = url;
                link.setAttribute('download', 'image.jpg');
                document.body.appendChild(link);
                link.click();
            })

Mais des que je change l'url ca ne marche plus

Ce serait peut-être intéressant de comprendre un peu plus comment ça fonctionne et ce que tu fais, que simplement pisser du code sans rien comprendre depuis six mois.

+1