Remplacer Servimg par Imgur

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



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 à    


À 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



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

:u1:

À bientôt