Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB2] Changer le lien d'une image par une icone font awesone
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Aujourd'hui à 14:57 par Milouze14

» *RESOLU*[AwesomeBB] Profils en onglets
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Aujourd'hui à 12:04 par Milouze14

» histoire du Jour sans fin
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Hier à 8:11 par Quad Daniel

» Test d'intelligence des politiciens-(e) histoire blagounette
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Ven 23 Aoû 2019 - 9:22 par Quad Daniel

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Jeu 22 Aoû 2019 - 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Clock-10Sam 20 Juil 2019 - 11:23 par Morane

[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit

Voir le sujet précédent Voir le sujet suivant Aller en bas

fascicularia
fascicularia
Milouzien

Messagefascicularia le Dim 24 Nov 2013 - 18:28

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


-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit Staff10



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 transpir "

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
9/ conservez la précieusement. C'est le sésame qui vous permettra d'installer l'application sur votre forum.


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,"")+'[/url]');
}
else if(/^.*image.*$/.test(type)) { data.insert('[img]'+FPFile.url+'+'+FPFile.filename.replace(/\s/g,"")+'[/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,"")+'[/url]');
}
else if(/^.*image.*$/.test(type)) { data.insert('[img]'+FPFile.url+'+'+FPFile.filename.replace(/\s/g,"")+'[/img]');
}
});
}
});
}
});
C'est fait!!!  tape la  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

Code:
.sceditor-button-servimg {background : url "le lien de votre image"); background-repeat:no-repeat;}
Ps : n'oubliez pas de changer la mention le lien de votre image (c'est pour les distraits timidesortdutrou )

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", {
dans l'exemple du remplacement du bouton date, cela donnera :

Code:
$.sceditor.command.set("date", {
auquel il faudra mettre en css pour changer l'image :

Code:
.sceditor-button-date {background : url ("le lien de votre image"); background-repeat:no-repeat;}
Vous l'aurez compris, il s'agit juste de remplacer servimg par la commande du  bouton que vous souhaitez bien sacrifier.

Bon, pour le point B, à ce stade , vous allez très certainement me dire :



"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."
Pas de panique, Milouze vous a déjà donné l'astuce pour déplacer un bouton donc autant l'utiliser.

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 clin oeil.
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par fascicularia le Jeu 3 Sep 2015 - 17:55, édité 2 fois
Teten85
Teten85
Milouzien

MessageTeten85 le Mar 26 Nov 2013 - 0:59

Ça a l'air bien ce système, faut que je regarde ça de plus près
merci tape la 
avatar
pierre31250
Milouzien

Messagepierre31250 le Ven 29 Nov 2013 - 19:52

merci, cela à l'air sympas
avatar
Dada
Milouzien

MessageDada le Lun 23 Juin 2014 - 11:07

Merci
Ptidav
Ptidav
Milouzien

MessagePtidav le Jeu 26 Juin 2014 - 19:09

Merci pour toutes ces explications  super
WyvernNE
WyvernNE
Milouzien

MessageWyvernNE le Mer 14 Jan 2015 - 10:49

ça m'a l'air sympa :) merci!
1baptiste
1baptiste
Milouzien

Message1baptiste le Ven 27 Fév 2015 - 10:02

Merci !
1baptiste
1baptiste
Milouzien

Message1baptiste le Sam 28 Fév 2015 - 10:33

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
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 28 Fév 2015 - 10:41

coucou Baptiste,
regardeplusbas

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.


Stéphane pourra surement te répondre clin oeil
1baptiste
1baptiste
Milouzien

Message1baptiste le Sam 28 Fév 2015 - 10:42

Merci Milouze14, je suis en train de poster un message dans le forum d'entraide. Bonne journée !
gehem94
gehem94
Milouzien

Messagegehem94 le Mer 6 Mai 2015 - 22:19

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Jeu 3 Sep 2015 - 16:34

Merci beaucoup !

J’arrive un peu à la fumer des cierges.
le lien est mort. Tant pis :ghghgfhgfh:
fascicularia
fascicularia
Milouzien

Messagefascicularia le Jeu 3 Sep 2015 - 17:56

Le site à juste modifié sa page d'enregistrement. je viens de remettre le lien valide.
Anonymous
Invité
Invité

MessageInvité le Jeu 3 Sep 2015 - 18:02

Bonsoir,

merci de cette mise à jour super 


bonne soirée
mariok
mariok
Membre regretté

Messagemariok le Jeu 3 Sep 2015 - 18:04

Merci beaucoup !
dragon594
dragon594
Milouzien

Messagedragon594 le Lun 11 Avr 2016 - 2:12

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Lun 18 Avr 2016 - 9:59

Merci beaucoup !
Sacha
Sacha
Milouzien

MessageSacha le Mer 24 Aoû 2016 - 4:29

Merci beaucoup !
photoclic
photoclic
Milouzien

Messagephotoclic le Mer 24 Aoû 2016 - 16:04

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Jeu 17 Nov 2016 - 18:59

Merci beaucoup !
msfeettoes
msfeettoes
Milouzien

Messagemsfeettoes le Mar 11 Avr 2017 - 10:18

Merci beaucoup !
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle le Lun 29 Mai 2017 - 16:02

Merci beaucoup !
hamesashek
hamesashek
Milouzien

Messagehamesashek le Dim 19 Nov 2017 - 14:45

Merci beaucoup !
clost
clost
Milouzien

Messageclost le Dim 19 Nov 2017 - 18:35

Merci beaucoup !
{12°S}coco-lapin
{12°S}coco-lapin
Milouzien

Message{12°S}coco-lapin le Dim 14 Jan 2018 - 23:41

Merci beaucoup !
Benjamin.d
Benjamin.d
Milouzien

MessageBenjamin.d le Mer 17 Jan 2018 - 18:49

Merci beaucoup !
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Dim 11 Mar 2018 - 17:37

Merci beaucoup !
dams161
dams161
Milouzien

Messagedams161 le Sam 19 Jan 2019 - 21:39

Merci beaucoup !
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 19 Jan 2019 - 23:28

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.
Splash
Splash
Milouzien

MessageSplash le Dim 20 Jan 2019 - 8:31

Merci beaucoup !
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 20 Jan 2019 - 8:35

Hello,je confirme que le site est devenu payant, gratuité durant 14jours et ensuite va falloir par le porte monnaie.

HeroxAquariophile
HeroxAquariophile
Milouzien

MessageHeroxAquariophile le Mer 27 Fév 2019 - 18:22

Merci beaucoup !
HeroxAquariophile
HeroxAquariophile
Milouzien

MessageHeroxAquariophile le Jeu 28 Mar 2019 - 17:15

Merci !

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum