Compteur de visites gratuit
CAForum infos
Septembre 2019
LunMarMerJeuVenSamDim
      1
2345678
9101112131415
16171819202122
23242526272829
30      

Calendrier Calendrier

Remplacer Servimg par Imgur

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mar 26 Fév 2019 - 9:13

  • MP
  • Zoom
Hi,

Voici une astuce toute simple qui vous permettra de remplacer l'hébergeur d'images Servimg par imgur

Premièrement il faut vous inscrire, inscription gratuite, ici si vous n'avez pas encore de compte sur imgur :
https://imgur.com/register?redirect=https%3A%2F%2Fimgur.com%2F

Par la suite il faudra créer votre API imgur ici :
https://api.imgur.com/oauth2/addclient

À la fin de cette procédure vous arrivez sur cette page

Remplacer Servimg par Imgur Api10

Le numéro Client ID sera à copier dans le script qui suit


Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script Sur toutes les pages :
Code:
;window['FormData'] && $(function(){$(function(){
  
      var imgur_client_id = 'client ID';
  
      var current = 0, uploaded, xhrs, file_selector, button = $('.sceditor-button-servimg').off().click(function(){
        if(current) return finish();
        if(!file_selector) file_selector = $('<input type="file" multiple/ accept="image/*">').css({position:'absolute', top:-100}).appendTo('body').change(function (e) {
          var files = e.target.files, fd, len;
          uploaded = [], xhrs = [];
          for (var i = 0, len = files.length; i < len; i += 1) {
            if (files[i].type.indexOf('image/') && files[i].type !== 'application/pdf') continue;
            current++;
            fd = new FormData();
            fd.append('image', files[i]);
            (function(xhr){
              var num = i, xhr = jQuery.ajaxSettings.xhr();
              xhrs.push(xhr);
              xhr.open('POST', 'https://api.imgur.com/3/image');
              xhr.setRequestHeader('Authorization', 'Client-ID '+imgur_client_id);
              xhr.onreadystatechange = function () {
                if (xhr.readyState !== 4) return;
                current--;
                if (xhr.status === 200) {
                  var res = JSON.parse(xhr.responseText);
                  uploaded[num] = res.data.link;
                }
                if(!current) finish();
              };
              xhr.send(fd);
            })();
          }
          if(current) button.css({background:'url(https://i.imgur.com/EMsOJtZ.gif) no-repeat'});
        });
        file_selector.click();
        return false;
      }).children();
      var finish = function(){
        for(var i=0; i < xhrs.length; i++) {
            if(xhrs[i].readyState == 4) continue;
            xhrs[i].onreadystatechange = function(){};
            xhrs[i].abort();
        }
        for(var i=0; i < uploaded.length; i++) {
          if(uploaded[i] === undefined) continue;
          $('body').find('.sceditor-button-image').click().end().find('.sceditor-insertimage').find('#image').val(uploaded[i]).end().find('input.button').click();
          $('#text_editor_textarea').sceditor('instance').insertText('\n');
        }
        button.removeAttr('style');
        current = 0;
        file_selector.wrap('<form>').closest('form').get(0).reset();
        file_selector.unwrap();
        return false;
      };
    })});


Votre Client ID sera en inscrire ici dans le script :
Code:
var imgur_client_id = 'client ID'

Remplacez client ID par le numéro client récupéré à la création de l'API

Pensez à    Valider 2


À l'éditeur rein ne change au niveau de l'agencement, le bouton pour uploader une image sur le forum reste le même (mais l'hébergeur à changé quant à lui)
Au chargement de l'image une nouvelle visualisation apparaît

Remplacer Servimg par Imgur A11

L'URL de l'image sera directement postée dans le corps du message entre les balises img

Remplacer Servimg par Imgur B10




:u1:
À bientôt
Bye



† Aucune aide ne sera donnée en privé
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Mer 27 Fév 2019 - 12:19

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



LilaCH

LilaCH

Membre
Membre

MessageLilaCH le Dim 3 Mar 2019 - 9:03

  • MP
  • Zoom
Merci beaucoup !

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