insérer des photos dans un récit ou un billet de blog

[bubulle]

Je me suis aussi fait avoir par la fin du support Flash dans les nagigateurs et donc indirectement l'impossibilité d'inclure directement des photos dans un récit. Je m'en suis remis à la méthode de stockage des photos sur un site externe, comme c'est le principe de la méthode décrite précédemment. Chez moi, c'est mon site perso où c'est un peu plus simple que pour un compte Flickr ou autres, vu que l'URL de la photo est relativement facile et, surtout, correspond au nom du fichier brut.

Mais il est vrai que pour quelqu'un qui n'aurait pas ces facilités sou sla main, c'est sûrement une grosse galère...

Le défaut du stockage en externe est que les photos ne subsistent que tant que le site externe (Flickr ou autre) subsiste...et garde les mêmes URL. Actuellement, ça marche, mais qu'en sera-t-il dans 10 ans ?

[BouBou27]

Pour mon dernier récit, j'ai mis les photos sur un hébergement avec nom de domaine (chez ovh).
C'est effectivement très simple quand on en a un sous la main. Sinon, c'est un peu overkill

[samontetro]

Et pourtant, dans le forum, j'arrive a inclure des photos sans problème. Cela peut il être un contournement avec un sujet "photos des CRs" dédié, comme ce serait kikourou qui gère les photos et on peut chopper une URL facilement en affichant l'image dans le navigateur....

[CAPCAP]

Bon, je n'ai pas tout compris. Hier impossible de mettre une photo dans mon Kikoublog (vous m'excuserez pour le HS )
J'avais mis la photo sur mon espace Free, pas mieux.
Ce soir, je pense refaire la même manip'... et ça fonctionne ! Vas comprendre, Charles...

[La Tortue]

hello,

je confirme que cela a toujours été long d'insérer les photos, mais au moins avant j'y arrivais
mais apparemment le lien "insérer des images" ne fonctionne plus.

j'ai réussi à insérer quelques images avec des glisser déplacer dans mon dernier cr mais c'est une galère sans nom. il est difficile de prévoir la taille de l'image et il faut enregistrer le cr après chaque insertion d'image et ça prend plusieurs minutes à chaque image. et au bout de 20 images, je suis bloqué, je n'arrive plus à en insérer.

si quelqu'un avait une solution ce serait sympa. sinon, terminé les images dans les cr car c'est vraiment trop galère (j'ai passé l'après midi pour insérer que quelques images). c'est vraiment domage car un cr sans image, c'est quand même beaucoup moins parlant je trouve.

bien amicalement,
la tortue

[meocli]

Ben, la solution que je propose (au tout début de ce fil) vaut ce qu’elle vaut, mais elle fonctionne sans être trop fastidieuse à mettre en place…

[philkikou]

Ben, la solution que je propose (au tout début de ce fil) vaut ce qu’elle vaut, mais elle fonctionne sans être trop fastidieuse à mettre en place…

Bon courage La Tortue, hâte de lire ton récit triathlon ultra suisse J’y suis arrivé avec les explications très détaillées de Meocli, guère plus galère que la version habituelle

[La Tortue]

Ben, la solution que je propose (au tout début de ce fil) vaut ce qu’elle vaut, mais elle fonctionne sans être trop fastidieuse à mettre en place…

Bon courage La Tortue, hâte de lire ton récit triathlon ultra suisse J’y suis arrivé avec les explications très détaillées de Meocli, guère plus galère que la version habituelle

Bravo Phil,
moi je n'y arrive pas. je ne sais pas ce que c'est que flick mais j'ai bien essayé quand même mais je suis bloqué à copier coller le lien. copier : ok; mais coller : où ???


je ne suis pas informaticien pour 2 sous, mais j'ai du mal à comprendre que depuis tant d'années cette insertion de photos dans les cr soit toujours une pareille galère.

au secours, je me noie !!!

[La Tortue]

Ben, la solution que je propose (au tout début de ce fil) vaut ce qu’elle vaut, mais elle fonctionne sans être trop fastidieuse à mettre en place…

Bon courage La Tortue, hâte de lire ton récit triathlon ultra suisse J’y suis arrivé avec les explications très détaillées de Meocli, guère plus galère que la version habituelle

Bravo Phil,
moi je n'y arrive pas. je ne sais pas ce que c'est que flick mais j'ai bien essayé quand même mais je suis bloqué à copier coller le lien. copier : ok; mais coller : où ???


je ne suis pas informaticien pour 2 sous, mais j'ai du mal à comprendre que depuis tant d'années cette insertion de photos dans les cr soit toujours une pareille galère.

au secours, je me noie !!!

si j'ai bien compris la technique, il faut insérer le lien de l'image (qui est hébergée sur une site d'image) dans l'éditeur d'image de kikou (le petit arbre).
je n'ai pas flick, mais j'ai un compte google photo. quand je fais copier/coller de l'adresse de l'image, par exemple : https://photos.app.goo.gl/SByg38T2UeaeGKpdA , j'ai une petite tasse à café qui s'affiche dans la fenêtre de prévisualisation à la place de mon image ?!
je dois pas être loin de la solution, mais il me faut vos lumières ...
merci

bien amicalement
la totrtue

[meocli]

Peut-être faut-il que tu autorises l'accès public aux photos que tu souhaites mettre sur Kikouroù?

[philkikou]

au secours, je me noie !!!

si j'ai bien compris la technique, il faut insérer le lien de l'image (qui est hébergée sur une site d'image) dans l'éditeur d'image de kikou (le petit arbre).
je n'ai pas flick, mais j'ai un compte google photo. quand je fais copier/coller de l'adresse de l'image, par exemple : https://photos.app.goo.gl/SByg38T2UeaeGKpdA , j'ai une petite tasse à café qui s'affiche dans la fenêtre de prévisualisation à la place de mon image ?!
je dois pas être loin de la solution, mais il me faut vos lumières ...
merci

bien amicalement
la totrtue[/quote]

- Ca vaut peut-être le coup de télécharger https://www.flickr.com/

- Photos pas trop "lourdes" ?
Meocli : Choisir sur la taille de l’image (menu déroulant du bas).
En général 800 : c’est plein écran.
Des fois, je prends aussi du 400 ou 500 (quand ce n’est pas des paysages).

[La Tortue]

je m'en suis sorti avec une variante de la technique de meocli.
- création d'un album partagé dans google photo avec toutes les photos du cr
- édition d'un lien pour chaque photo de l'album
- copier/coller du lien pour chaque photo dans l'éditeur d'image du CR sur kikourou (le petit logo avec l'arbre)
- taille de la photo 500 px en conservant les proportions d’origine

c'est long mais pas plus qu'avant et surtout, ça se fait dans l'ordre chronologique contrairement à avant où tout arrivait en vrac, donc au final c'est presque mieux.

ça fait un cr beaucoup plus léger dont les modifications s'enregistrent très vite

mais inconvénient, les photos ne sont pas vraiment sur le site kikourou. si un jour l’hébergeur disparaît, les photos ne seront plus visibles(avec google photo, je pense que ça n'arrivera pas, mais...)

voili, voilou, mais bon, un glisser/déplacer directement du PC vers kikourou serait quand même achtement plus simple

[cloclo]

voili, voilou, mais bon, un glisser/déplacer directement du PC vers kikourou serait quand même achtement plus simple

Non, après courseàpied.net, Kikourou doit rester le plus "vintage" des sites de course à pied

[La Tortue]

voili, voilou, mais bon, un glisser/déplacer directement du PC vers kikourou serait quand même achtement plus simple

Non, après courseàpied.net, Kikourou doit rester le plus "vintage" des sites de course à pied

je suis persuadé que le boss qui est en plein pédalage sur le secteur Vendée Bretagne se penchera sur la question à son retour

[CAPCAP]

Je viens de confirmer que cette méthode (avec mon serveur Free) fonctionne très bien.
Toutes les photos réduites à 695 pixels de large auparavant.
J'ai carrément mis 25 photos dans mon Kikoublog

[samontetro]

Oui c'est normal que cela marche mais dissocier le stockage des illustrations de celui des textes (en terme d'hébergeur) ne me parait pas une bonne idée pour la pérénité des documents sur kikourou. Il y a dejà certains CR qui renvoient sur des blogs qui ont disparus..... et ça fait plein de liens morts.

[bubulle]

Le problème reste qu'il faut trouver une nouvelle extension à phpBB, qui permette d'"uploader" des fichiers et qui n'utilise pas Flash.

En fait, pour un récit donné, les images sont accessibles, directement à une adresse comme cela :
http://www.kikourou.net/photos/CRs/2019 ... rcours.jpg

(première photo de mon récit de l'Ultra de Bromont : http://www.kikourou.net/recits/recit-21 ... bulle.html)

Donc, il faut un système permettant d'une part de créer pour chaque récit un répertoire photos/CRs/<annee>/CR<numero>/ et ensuite y déposer les fichiers images.

Puis insérer le code HTML suivant dans le récit :

Code: Tout sélectionner

<img style="display: block; margin-left: auto; margin-right: auto;" src="../photos/CRs/2019/CR21040/carte-parcours.jpg" alt="" />


J'ai un peu googlé ce qu'il peut exister comme extensions dans phpBB. On en trouve une appelée "postimage" mais les images sont alors hébergées sur un site tiers postimage.org, ce qui n'est guère mieux en matière de pérennité qu'un hébergement sur flickr ou un site perso.

Le souci, surtout, est que la version de phpBB de Kikouroù est antique et que, même si on trouve l'extension magique, elle risque fort d'être adaptée à des versions à jour de phpBB. Ce qui ramène une Arlésienne sur le tapis : la mise à jour système de la machine hébergeant Kikouroù.

[cloclo]

Ce qui ramène une Arlésienne sur le tapis : la mise à jour système de la machine hébergeant Kikouroù.

Oui, mai si personne ne s'y attelle, un jour, c'est Kikourou qui va rester sur le tapis.

[Ewi]

Ce qui ramène une Arlésienne sur le tapis : la mise à jour système de la machine hébergeant Kikouroù.

Oui, mai si personne ne s'y attelle, un jour, c'est Kikourou qui va rester sur le tapis.

Et surtout, il n’y a aucun intérêt à rester sur phpbb (qui est daté et pas vraiment au norme 2021).

Il faudrait envisager une migration vers Discourse par exemple et modulariser / serviciser (api) tout ce qui est autour (ce qui permettra en plus de lancer de nouveaux services facilement voir des les ouvrir pour les utiliser dans des apps).

Pour les photos dans les récits, y a tout ce qu’il faut dans tinyMCE (l’éditeur de texte des récits). Faut que Mathias regarde la doc pour activer le copier/coller d’image et fichier.

[La Tortue]

Ce qui ramène une Arlésienne sur le tapis : la mise à jour système de la machine hébergeant Kikouroù.

Oui, mai si personne ne s'y attelle, un jour, c'est Kikourou qui va rester sur le tapis.

Et surtout, il n’y a aucun intérêt à rester sur phpbb (qui est daté et pas vraiment au norme 2021).

Il faudrait envisager une migration vers Discourse par exemple et modulariser / serviciser (api) tout ce qui est autour (ce qui permettra en plus de lancer de nouveaux services facilement voir des les ouvrir pour les utiliser dans des apps).

Pour les photos dans les récits, y a tout ce qu’il faut dans tinyMCE (l’éditeur de texte des récits). Faut que Mathias regarde la doc pour activer le copier/coller d’image et fichier.

ça serait super car j'ai un cr du Mercantourman avec plein de jolies photos sur le feu

[Arclusaz]

Gibus vient de publier un récit avec plein de photos

http://www.kikourou.net/recits/recit-21 ... gibus.html


je lui ai demandé comment il a fait.
voici sa reponse :

c'est possible mais plus avec Mozilla Firefox à cause de la fin de Flash Player Pour ma part j'utilise Pale Moon

[Mathias]

c'est possible mais plus avec Mozilla Firefox à cause de la fin de Flash Player Pour ma part j'utilise Pale Moon

Salut,
En effet, Pale Moon n'a pas encore décidé de bloquer flash player (contrairement à Firefox, Chrome, etc.).
ça peut être une solution temporaire.
ça n'empêche pas qu'il faut absolument remplacer Flash pour la gestion des photos dans les récits.

[Ewi]

Pour envoyer des photos on peut imaginer un truc comme ca:

Le HTML a mettre sur la page de rédaction :

Code: Tout sélectionner

<input type="file" name="file_to_upload" id="file_to_upload"> <br>
<input type="button" value="Envoyer" id="upload_file_button">


le JS a mettre sur la page de rédaction pour la gestion du choix de la photo:

Code: Tout sélectionner

<script>
document.getElementById('file_to_upload').addEventListener('change', (event) => {
    window.selectedFile = event.target.files[0];
});

document.getElementById('upload_file_button').addEventListener('click', (event) => {
    uploadFile(window.selectedFile);
});

</script>

<scripte>
//La fonction d'envoi avec
$id_user; la variable php de l'user
$id_recit;  la variable php du recit
myField la variable js du textarea du recit
url  la page où se trouve le fichier php qui gere l'upload

function uploadFile(file) {
            var url = "./folder/to/upload.php
            var formData = new FormData();
            formData.append('user',<?=$id_user;?>
            formData.append('recit',<?=$id_recit;?>
            formData.append('file_to_upload', file);
            var ajax = new XMLHttpRequest();
            ajax.open('POST', url);
            ajax.send(formData).then(function(response) {
                        var startPos = myField.selectionStart;
                        var endPos = myField.selectionEnd;
                        myField.value = myField.value.substring(0, startPos)
                        + myValue
                        + myField.value.substring(endPos, myField.value.length);
    });
        }
</scripte>



Coté PHP :

Code: Tout sélectionner

<?php

$file_name = $_FILES["file_to_upload"]["name"];
$file_temp_location = $_FILES["file_to_upload"]["tmp_name"];

if (!$file_temp_location) {
    echo "ERROR: No file has been selected";
    exit();
}

if(move_uploaded_file($file_temp_location, "uploads/$_FILES["id_recit"]/$_FILES["id_user"]/$file_name")){
    echo $file_name;
} else {
    echo "ERROR";
}
?>


Faut adapter un peu et ça fait apparaitre un bouton pour l'ajout de photo

[Mathias]

Merci Ewi, je vais regarder.
Un avantage selon toi à ces qques lignes from scratch par rapport à une configuration correcte de l'import de photos de tinymce ? (qui soit dit en passant, m'a posé des pbs qd je me suis penché dessus)

[Ewi]

L’import tinymce va ajouter la photo dans le textarea (comme le glissé-deposé de Firefox) j’avais fait un gif y’a quelques temps.

L’import en JavaScript/php permet de gérer toi même le bouzin. La photo est envoyée dans un répertoire sur le serveur et il y a juste un lien dans le textarea.

[Nine14]

Pour info, sur le blog, je ne peux pas mettre des images !!!
Normal ?
.
J'ai envoyé un mail à l'admin.
J'attends depuis +sieurs semaines.
.
No problémo !!!
La personne est occupée.
Elle est bénévole.

[Benman]

Tu mets tes photos sur un site d'hébergement et tu mets un lien depuis ton blog avec l'icône image et l'adresse de la photo. La photo apparaîtra.
Par contre, merci de ne pas reposter en double dans le forum tous tes articles de blog.
Ça ne sert à rien et ils seront supprimés par la modo.
Sportivement

Benman pour la modo.

[Nine14]

Tu mets tes photos sur un site d'hébergement et tu mets un lien depuis ton blog avec l'icône image et l'adresse de la photo. La photo apparaîtra.
Par contre, merci de ne pas reposter en double dans le forum tous tes articles de blog.
Ça ne sert à rien et ils seront supprimés par la modo.
Sportivement

Benman pour la modo.

Merci.

J'ai essayé.
L'image se trouve sur dropbox.
Mais, l'image n'apparait pas.
.
http://nine14.kikourou.net/billet.php?idbillet=13

[bubulle]

Tu mets tes photos sur un site d'hébergement et tu mets un lien depuis ton blog avec l'icône image et l'adresse de la photo. La photo apparaîtra.
Par contre, merci de ne pas reposter en double dans le forum tous tes articles de blog.
Ça ne sert à rien et ils seront supprimés par la modo.
Sportivement

Benman pour la modo.

Merci.

J'ai essayé.
L'image se trouve sur dropbox.
Mais, l'image n'apparait pas.
.
http://nine14.kikourou.net/billet.php?idbillet=13

Ah, les boomers et la technologie....

Pour insérer une image externe, que ce soit dans un blog ou un récit, c'est pareil (c'est le même éditeur).

Ouvrir l'éditeur du blog (ou du récit). Cliquer sur "Insérer/éditer une image" (icône d'un petit arbre). Cela ouvre une boîte de dialogue. Renseigner l'URL de l'image avec l'adresse de l'image. Cliquer "insérer". Voilà.

En gros, faut pas juste mettre l'URL telle quelle dans le blog, quoi.

[Nine14]

Ouvrir l'éditeur du blog (ou du récit). Cliquer sur "Insérer/éditer une image" (icône d'un petit arbre). Cela ouvre une boîte de dialogue. Renseigner l'URL de l'image avec l'adresse de l'image. Cliquer "insérer". Voilà.

C'est bien ce que je fais.
Et ça ne work pas !

[Navier38]

Salut,
C'est un sujet récurent mais je ne trouve pas de solution pour intégrer les photos dans un récit. Avec Chrome ou edge le lien 1. sélectionner les photos ne fonctionnent pas.
Quelqu'un a une solution ?
MErci

[Arclusaz]

Salut,
C'est un sujet récurent mais je ne trouve pas de solution pour intégrer les photos dans un récit. Avec Chrome ou edge le lien 1. sélectionner les photos ne fonctionnent pas.
Quelqu'un a une solution ?
MErci

c'est là :

viewtopic.php?f=1&t=29472&start=40#p1151685

jamais testé, ça parait un peu long mais faut voir....

[Navier38]

He bien ce n'est pas faute d'essayer mais rien ne marche. J'ai essayé avec flickr, zupimages, googlephoto ...
C'est dommage, je vais finir par poster le CR sans photo...

[coco38]

Normalement si tu suis le mode op Flickr indiqué dans le lien page 1, ça marche.
J'ai suivi à la lettre pour mon récit du Marathon du mt blanc.

[cloclo]

Normalement si tu suis le mode op Flickr indiqué dans le lien page 1, ça marche.
J'ai suivi à la lettre pour mon récit du Marathon du mt blanc.

Oui mais bon, en 2022, devoir faire autant de gymnastique pour insérer quelques photos dans un récit, ça prouve que le site Kikourou appartient à l'époque préhistorique du Net

[Arclusaz]

Normalement si tu suis le mode op Flickr indiqué dans le lien page 1, ça marche.
J'ai suivi à la lettre pour mon récit du Marathon du mt blanc.

Oui mais bon, en 2022, devoir faire autant de gymnastique pour insérer quelques photos dans un récit, ça prouve que le site Kikourou appartient à l'époque préhistorique du Net

et qu'est ce que tu proposes ?

[cloclo]

et qu'est ce que tu proposes ?

Il faudrait refondre le site de fond en comble, vaste projet, et Mathias n'est pas très chaud, sûrement à raison. Donc je ne propose pas grand chose en fait, t'as raison, je ferai mieux de me taire

[Navier38]

Normalement si tu suis le mode op Flickr indiqué dans le lien page 1, ça marche.
J'ai suivi à la lettre pour mon récit du Marathon du mt blanc.

Ok je te essaye demain !

[tidgi]

Avec Pale Moon, ca marche encore ! Je viens de le faire pour mon récit sur la BackYard

[samontetro]

Je viens de faire un essaie avec pale Moon mais il crée un lien sur le hdd local