Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit
Page 1 sur 1 • Partagez
- fasciculariaMilouzien
Filepicker.io - Un gestionnaire d'upload de fichiers multi-sources gratuit
Avec Filepicker.io, vous pouvez connecter le contenu de vos utilisateurs à vos applications sans avoir à le gérer vous-même.
Ce service web s'interface à votre application à l'aide d'une api javascript relativement simple et vous permettra de récupérer des fichiers de vos utilisateurs en renvoyant l'adresse du fichier directement sur la fenêtre de saisie de votre éditeur. Il peut aussi servir si vous ne souhaitez pas avoir à gérer l'upload et l'hébergement des fichiers statiques directement dans votre site.
Il permet de récupérer du contenu depuis un ordinateur comme tout gestionnaire d'uploads mais également depuis un compte Google drive, Dropbox, Facebook,Picassa, Flirck, webcam, le biais d'une Url, Instagram et par le weB. magique non !!!!!!
Le résultat en image
![[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Sans_t31](https://i.servimg.com/u/f55/11/93/85/24/sans_t31.png)
Bon allez, on commence.
Prévoyez une bonne petite demie heure pour l'installer et suivez les explications pas à pas. Ce tutoriel ne souffre pas d'une lecture dans les grandes longueurs; une étape de loupée et on risque d'entendre :
s'enregistrer sur filepicker et récupérer la clef Api
1/ Il faut s'enregistrer sur Filepicker pour récupérer une clef api (pas de panique, c'est d'une simplicité désarmante).
Suivez directement ce lien et faites une inscription comme vous le feriez sur n'importe quel forum
https://www.filepicker.com/register/free
2/ Aprés l'enregistrement, vous accédez directement sur une fenêtre avec pour mention " Create your first app to get started."
3/ vous cliquer sur "create app"
4/ dans la case "App Name" , vous mettez un nom; celui de votre forum par exemple (ce sera plus facile à retenir).
Vous laissez la case cochée sur "web"
5/ vous cliquez sur "next tep" (toujours sur la même page)
6/ Dans la case "website url", vous collez l'adresse de votre forum.
7/ vous cliquez sur "skip"
8/ A ce stade , vous verrez apparaitre une clef Api sous cette forme
II/ Installer le js dans la gestion des javascripts.
Prenons deux cas de figures.
A/ vous désirez remplacer servimg par filepicker.
Le js à coller sur wordpad ou votre blocnote.
bien; on va voir les modifications que vous pouvez apporter à ce script :
1/Avec la fonction remplacer de bloc note ou de wordpad,remplacez CLEF API par la clef api fournie par filipicker io.
En reprenant notre exemple du début,il vous faut remplacer CLEF API par Agt7z1h9IRuawy2WMpzWCy
2/ Si vous souhaitez modifier l'image du bouton d'appel qui reste par défaut celui de servimg, on va passer par du css
)
Voila, votre js et votre css sont prêts à être insérés.
Vous installez le js dans la gestion des javascripts et vous cochez sur "sujets" et , votre css dans votre feuille de style.
B/ Vous souhaitez conserver servimg et un des boutons ne vous sert à rien (le bouton date ou le bouton heure par exemple).
Il suffit de modifier cette partie (Ps : ne pas oublier la clef Api)
Bon, pour le point B, à ce stade , vous allez très certainement me dire :
On part toujours du principe que c'est le bouton date que l'on a utilisé.
Le js à coller dans la gestion des javascripts et à cocher sur sujets.
Traduit du tutoriel trouvé sur Avacweb
http://www.avacweb.com/t1361-photo-uploader-replace-servimg
Voila, c'est tout pour le moment
.
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif
Avec Filepicker.io, vous pouvez connecter le contenu de vos utilisateurs à vos applications sans avoir à le gérer vous-même.
Ce service web s'interface à votre application à l'aide d'une api javascript relativement simple et vous permettra de récupérer des fichiers de vos utilisateurs en renvoyant l'adresse du fichier directement sur la fenêtre de saisie de votre éditeur. Il peut aussi servir si vous ne souhaitez pas avoir à gérer l'upload et l'hébergement des fichiers statiques directement dans votre site.
Il permet de récupérer du contenu depuis un ordinateur comme tout gestionnaire d'uploads mais également depuis un compte Google drive, Dropbox, Facebook,Picassa, Flirck, webcam, le biais d'une Url, Instagram et par le weB. magique non !!!!!!
Le résultat en image
![[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Sans_t31](https://i.servimg.com/u/f55/11/93/85/24/sans_t31.png)
Bon allez, on commence.
Prévoyez une bonne petite demie heure pour l'installer et suivez les explications pas à pas. Ce tutoriel ne souffre pas d'une lecture dans les grandes longueurs; une étape de loupée et on risque d'entendre :
"ça marche pas ou c'est trop long"
s'enregistrer sur filepicker et récupérer la clef Api
1/ Il faut s'enregistrer sur Filepicker pour récupérer une clef api (pas de panique, c'est d'une simplicité désarmante).
Suivez directement ce lien et faites une inscription comme vous le feriez sur n'importe quel forum
https://www.filepicker.com/register/free
2/ Aprés l'enregistrement, vous accédez directement sur une fenêtre avec pour mention " Create your first app to get started."
3/ vous cliquer sur "create app"
4/ dans la case "App Name" , vous mettez un nom; celui de votre forum par exemple (ce sera plus facile à retenir).
Vous laissez la case cochée sur "web"
5/ vous cliquez sur "next tep" (toujours sur la même page)
6/ Dans la case "website url", vous collez l'adresse de votre forum.
7/ vous cliquez sur "skip"
8/ A ce stade , vous verrez apparaitre une clef Api sous cette forme
- Code:
API Key: Agt7z1h9IRuawy2WMpzWCy
II/ Installer le js dans la gestion des javascripts.
Prenons deux cas de figures.
A/ vous désirez remplacer servimg par filepicker.
Le js à coller sur wordpad ou votre blocnote.
- Code:
$(function(){
var checkIf= $('#text_editor_textarea');
if(checkIf.length>0){
var script = document.createElement('script');
script.id="filepicker";
script.type="text/javascript";
script.src="//api.filepicker.io/v1/filepicker.js";
var body=$('body');
body.append(script);
//Next Comment---
$.sceditor.command.set("servimg", {
exec: function(caller) {
var editor = this,
data = $('#text_editor_textarea').data('sceditor');
filepicker.setKey('CLEF API');
filepicker.pick({
mimetypes: ['application/msword','text/*','image/*'],
services:['COMPUTER','GOOGLE_DRIVE','DROPBOX','FACEBOOK','PICASA','FLICKR','WEBCAM','URL','INSTAGRAM','IMAGE_SEARCH']
}, function(FPFile) {
var docFile = FPFile.url,
type= FPFile.mimetype;
if(/^.*text.*$/.test(type)) { data.insert('[url]'+FPFile.url+'+'+FPFile.filename.replace(/\s/g,%22%22)+'[/url]');
}
else if(/^.*image.*$/.test(type)) { data.insert('[img]'+FPFile.url+'+'+FPFile.filename.replace(/\s/g,%22%22)+'[/img]');
}
});
},
txtExec: function(caller) {
var editor = this,
data = $('#text_editor_textarea').data('sceditor');
filepicker.setKey('CLEF API');
filepicker.pick({
mimetypes: ['application/msword','text/*','image/*'],
services:['COMPUTER','GOOGLE_DRIVE','DROPBOX','FACEBOOK','PICASA','FLICKR','WEBCAM','URL','INSTAGRAM','IMAGE_SEARCH']
}, function(FPFile) {
var docFile = FPFile.url,
type= FPFile.mimetype;
if(/^.*text.*$/.test(type)) { data.insert('[url]'+FPFile.url+'+'+FPFile.filename.replace(/\s/g,%22%22)+'[/url]');
}
else if(/^.*image.*$/.test(type)) { data.insert('[img]'+FPFile.url+'+'+FPFile.filename.replace(/\s/g,%22%22)+'[/img]');
}
});
}
});
}
});

1/Avec la fonction remplacer de bloc note ou de wordpad,remplacez CLEF API par la clef api fournie par filipicker io.
En reprenant notre exemple du début,il vous faut remplacer CLEF API par Agt7z1h9IRuawy2WMpzWCy
2/ Si vous souhaitez modifier l'image du bouton d'appel qui reste par défaut celui de servimg, on va passer par du css
- Code:
.sceditor-button-servimg {background : url "le lien de votre image"); background-repeat:no-repeat;}

Voila, votre js et votre css sont prêts à être insérés.
Vous installez le js dans la gestion des javascripts et vous cochez sur "sujets" et , votre css dans votre feuille de style.
B/ Vous souhaitez conserver servimg et un des boutons ne vous sert à rien (le bouton date ou le bouton heure par exemple).
Il suffit de modifier cette partie (Ps : ne pas oublier la clef Api)
- Code:
$.sceditor.command.set("servimg", {
- Code:
$.sceditor.command.set("date", {
- Code:
.sceditor-button-date {background : url ("le lien de votre image"); background-repeat:no-repeat;}
Bon, pour le point B, à ce stade , vous allez très certainement me dire :
Pas de panique, Milouze vous a déjà donné l'astuce pour déplacer un bouton donc autant l'utiliser."C'est bien beau de remplacer un bouton mais mettre un hébergeur sans le placer à côté de celui de servimg, cela fait un peu tâche."
On part toujours du principe que c'est le bouton date que l'on a utilisé.
Le js à coller dans la gestion des javascripts et à cocher sur sujets.
- Code:
$(function(){$(function(){
$('.sceditor-button-date').insertAfter($('.sceditor-button-servimg'))
})});
Traduit du tutoriel trouvé sur Avacweb
http://www.avacweb.com/t1361-photo-uploader-replace-servimg
Voila, c'est tout pour le moment

Un soucis direction l'entraide

https://www.milouze14.com/f14-entraide-forumactif
Dernière édition par fascicularia le Jeu 3 Sep 2015 - 17:55, édité 2 fois
- Teten85Milouzien
Ça a l'air bien ce système, faut que je regarde ça de plus près
merci
merci

- pierre31250Milouzien
merci, cela à l'air sympas
- DadaMilouzien
Merci
- PtidavMilouzien
Merci pour toutes ces explications 

- WyvernNEMilouzien
ça m'a l'air sympa :) merci!
- 1baptisteMilouzien
Merci !
- 1baptisteMilouzien
Bonjour,
J'ai essayé votre tutoriel, mais malheureusement ça ne fonctionne pas. J'ai également contacté le support de FilePicker mais ils n'ont pas pu me donner une réponse pour régler mon problème. A savoir, je voudrais garder servimg mais mettre en parallèle File Picker.
Pouvez-vous m'aider ?
1Baptiste
J'ai essayé votre tutoriel, mais malheureusement ça ne fonctionne pas. J'ai également contacté le support de FilePicker mais ils n'ont pas pu me donner une réponse pour régler mon problème. A savoir, je voudrais garder servimg mais mettre en parallèle File Picker.
Pouvez-vous m'aider ?
1Baptiste
- Milouze14Fondateur


Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.
Stéphane pourra surement te répondre

NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- 1baptisteMilouzien
Merci Milouze14, je suis en train de poster un message dans le forum d'entraide. Bonne journée !
- gehem94Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
J’arrive un peu à la fumer des cierges.
le lien est mort. Tant pis :ghghgfhgfh:
J’arrive un peu à la fumer des cierges.
le lien est mort. Tant pis :ghghgfhgfh:
- fasciculariaMilouzien
Le site à juste modifié sa page d'enregistrement. je viens de remettre le lien valide.
- InvitéInvité
Bonsoir,
merci de cette mise à jour
bonne soirée
merci de cette mise à jour

bonne soirée
- mariokMembre regretté
Merci beaucoup !
- dragon594Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- SachaMilouzien
Merci beaucoup !
- photoclicMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- msfeettoesMilouzien
Merci beaucoup !
- Ptite_PerleMilouzien
Merci beaucoup !
- hamesashekMilouzien
Merci beaucoup !
- clostMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- Benjamin.dMilouzien
Merci beaucoup !
- chrisnvidiaMilouzien
Merci beaucoup !
- dams161Milouzien
Merci beaucoup !
- photoclicMilouzien
Je crois que le lien est mort, et on est orienté vers un site payant depuis quelques mois.
Les anciennes clés API fonctionnent peut-être encore, mais il est conseillé de prendre ses dispositions en conséquence.
Les anciennes clés API fonctionnent peut-être encore, mais il est conseillé de prendre ses dispositions en conséquence.
- SplashMilouzien
Merci beaucoup !
- Milouze14Fondateur
Hello,je confirme que le site est devenu payant, gratuité durant 14jours et ensuite va falloir par le porte monnaie.
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci !
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum