Remplacer Servimg par Imgur
Page 1 sur 1•Partagez
- Splash
StaffAdmin - 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;
};
})});- Code:
var imgur_client_id = 'client ID'
![Splash](https://2img.net/u/4012/75/45/07/avatars/1-77.gif)
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](https://i.servimg.com/u/f87/19/99/37/49/api10.png)
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 :
Votre Client ID sera en inscrire ici dans le script :
Remplacez client ID par le numéro client récupéré à la création de l'API
Pensez à![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
À 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](https://i.servimg.com/u/f87/19/99/37/49/a11.png)
L'URL de l'image sera directement postée dans le corps du message entre les balises img
![Remplacer Servimg par Imgur B10](https://i.servimg.com/u/f87/19/99/37/49/b10.png)
À bientôt
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
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](https://i.servimg.com/u/f87/19/99/37/49/api10.png)
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 :
Votre Client ID sera en inscrire ici dans le script :
Remplacez client ID par le numéro client récupéré à la création de l'API
Pensez à
![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
À 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](https://i.servimg.com/u/f87/19/99/37/49/a11.png)
L'URL de l'image sera directement postée dans le corps du message entre les balises img
![Remplacer Servimg par Imgur B10](https://i.servimg.com/u/f87/19/99/37/49/b10.png)
:u1: |
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
- David1195
StaffModo
![David1195](https://2img.net/u/4012/75/45/07/avatars/8-93.jpg)
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
» » Bouton MP "Répondre" adapté à la version ModernBB
» » Réduire la hauteur des catégories
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Afficher les avatars en forme rectangulaire
» » Modifier la partie des stats en début de qeel
» » Mettre une image au qeel
» » Rendre l'image du header cliquable
» » Elargir le cadre de la boite de smileys
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
» » Catégories rétractables sur l'index
» » [phpBB3] Catégories de différentes couleurs
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Modifier l'icône "On-line"