Plugin de envio

Adicione o envio de imagens ao seu website, blog ou fórum instalando o nosso plugin de upload. Ele permite enviar imagens em qualquer website através de um botão que permitirá que os seus utilizadores carreguem imagens diretamente para o nosso serviço e tratará automaticamente dos códigos necessários para a inserção. Todas as funcionalidades estão incluídas, como arrastar e largar, upload remoto, redimensionamento de imagens e muito mais.
Software suportado

O plugin funciona em qualquer website com conteúdo editável pelo utilizador e, para o software suportado, colocará um botão de envio que corresponderá à barra de ferramentas do editor de destino, não sendo necessária personalização adicional.
bbPress
Discourse
Discuz!
Invision Power Board
MyBB
NodeBB
ProBoards
phpBB
Simple Machines Forum
Vanilla Forums
vBulletin
WoltLab
XenForo
Adicionar ao seu website

Copie e cole o código do plugin no HTML do seu website (de preferência dentro da secção head). Há muitas opções para melhor se adaptar às suas necessidades.
<script async src="/?originalUrl=https%3A%2F%2Fpt.imgbb.com%2F%26quot%3Bhttps%3A%2F%2Fimgbb.com%2Fupload.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%253C%2Ftextarea">
				<button class="input-action" data-action="/?originalUrl=https%3A%2F%2Fpt.imgbb.com%2Fcopy" data-action-target="#pup-insert-code">copiar</button>
			</div>
			<div><style type="text/css" id="imgbb-style">.imgbb-container{display:inline-block;margin-top:5px;margin-bottom:5px}.imgbb-button{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.05);border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.imgbb-button:hover{border-top-color:rgba(255,255,255,.1);border-right-color:rgba(0,0,0,.05);border-bottom-color:rgba(0,0,0,.1);border-left-color:rgba(0,0,0,.05);}.imgbb-button-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:center;align-self:center;position:relative;height:1em;width:1em;margin-right:.25em}.imgbb-button-icon img,.imgbb-button-icon svg{width:1em;height:1em;bottom:-.125em;position:absolute}.imgbb-button-icon svg{fill:currentColor}.imgbb-button--palette-default{color:#000;background:#ececec}.imgbb-button--palette-default:hover{background:#2980b9;color:#fff}.imgbb-button--palette-clear{color:inherit;background:inherit}.imgbb-button--palette-clear:hover{background:inherit;color:#2980b9}.imgbb-button--palette-turquoise{color:#fff;background:#16a085}.imgbb-button--palette-turquoise:hover{background:#1abc9c;color:#fff}.imgbb-button--palette-green{color:#fff;background:#27ae60}.imgbb-button--palette-green:hover{background:#2ecc71;color:#fff}.imgbb-button--palette-blue{color:#fff;background:#2980b9}.imgbb-button--palette-blue:hover{background:#3498db;color:#fff}.imgbb-button--palette-purple{color:#fff;background:#8e44ad}.imgbb-button--palette-purple:hover{background:#9b59b6;color:#fff}.imgbb-button--palette-darkblue{color:#fff;background:#2c3e50}.imgbb-button--palette-darkblue:hover{background:#34495e;color:#fff}.imgbb-button--palette-yellow{color:#fff;background:#f39c12}.imgbb-button--palette-yellow:hover{background:#f1c40f;color:#fff}.imgbb-button--palette-orange{color:#fff;background:#d35400}.imgbb-button--palette-orange:hover{background:#e67e22;color:#fff}.imgbb-button--palette-red{color:#fff;background:#c0392b}.imgbb-button--palette-red:hover{background:#e74c3c;color:#fff}.imgbb-button--palette-grey{color:#000;background:#ececec}.imgbb-button--palette-grey:hover{background:#e0e0e0;color:#000}.imgbb-button--palette-black{color:#fff;background:#333}.imgbb-button--palette-black:hover{background:#666;color:#fff}</style><div class="imgbb-container"><button id="pup-preview" class="imgbb-button imgbb-button--palette-default"><span class="imgbb-button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M76.7 87.5c12.8 0 23.3-13.3 23.3-29.4 0-13.6-5.2-25.7-15.4-27.5 0 0-3.5-0.7-5.6 1.7 0 0 0.6 9.4-2.9 12.6 0 0 8.7-32.4-23.7-32.4 -29.3 0-22.5 34.5-22.5 34.5 -5-6.4-0.6-19.6-0.6-19.6 -2.5-2.6-6.1-2.5-6.1-2.5C10.9 25 0 39.1 0 54.6c0 15.5 9.3 32.7 29.3 32.7 2 0 6.4 0 11.7 0V68.5h-13l22-22 22 22H59v18.8C68.6 87.4 76.7 87.5 76.7 87.5z"/></svg></span><span class="%tClass">Enviar imagens</span></button></div></div>
			<div data-content="pup-options" class="soft-hidden">
				<h3>Opções básicas</h3>
				<div class="input-label margin-top-0">
					<label for="palette">Paleta de cores</label>
					<div class="c9 phablet-c1">
						<select type="text" name="palette" id="palette" class="text-input">
							<option value="" selected="selected">Default</option>
<option value="clear">Clear</option>
<option value="turquoise">Turquoise</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
<option value="purple">Purple</option>
<option value="darkblue">Darkblue</option>
<option value="yellow">Yellow</option>
<option value="orange">Orange</option>
<option value="red">Red</option>
<option value="grey">Grey</option>
<option value="black">Black</option>
						</select>
					</div>
					<div class="input-below">Esquema de cores do botão</div>
				</div>
				<div class="input-label">
					<label for="auto-insert">Códigos para Incorporar</label>
						<div class="c9 phablet-c1">
						<select type="text" name="auto-insert" id="auto-insert" class="text-input">
							<option value="viewer-links">Ver links</option>
<option value="html-embed-medium">HTML completo com link</option>
<option value="html-embed-thumbnail">HTML da miniatura com link</option>
<option value="bbcode-embed-medium">BBCode completo com link</option>
<option value="" selected="selected">Código BBCode da miniatura com link</option>
						</select>
					</div>
					<div class="input-below">Códigos de incorporação que serão inseridos automaticamente na caixa do editor</div>
				</div>
				<div class="input-label">
					<label for="sibling">Seletor de elemento irmão</label>
					<div class="c9 phablet-c1">
						<input type="text" name="sibling" id="sibling" class="text-input" placeholder="Empty string">
					</div>
					<div class="input-below">Seletor do elemento irmão ao lado do qual o botão será colocado</div>
				</div>
				<div class="input-label">
					<label for="sibling-pos">Posição do elemento irmão</label>
					<div class="c9 phablet-c1">
						<select type="text" name="sibling-pos" id="sibling-pos" class="text-input">
							<option value="" selected="selected">Depois</option>
							<option value="before">Antes</option>
						</select>
					</div>
					<div class="input-below">Posição relativa ao elemento irmão</div>
				</div>
							</div>
		</div>
	</div>
</div>

<div id="modal-share" class="hidden">
<span class="modal-box-title">Partilhar</span>
<div class="image-preview"></div>
<p class="highlight margin-bottom-20 font-size-small text-align-center" data-content="privacy-private">__privacy_notes__</p>
<ul class="panel-share-networks">
</ul>
<div class="input-label margin-bottom-0">
<label for="modal-share-url">Link</label>
<div class="position-relative">
<input type="text" name="modal-share-url" id="modal-share-url" class="text-input" value="__url__" data-focus="select-all" readonly>
<button class="input-action" data-action="/?originalUrl=https%3A%2F%2Fpt.imgbb.com%2Fcopy" data-action-target="#modal-share-url" value="">copiar</button>
</div>
</div>
</div>
<script defer src="//simgbb.com/8179/jquery2.js" onload="jQueryLoaded(this, event)"></script>
<script defer src="//simgbb.com/8179/ibb.js" id="ibbjs"></script><script>
document.getElementById("ibbjs").addEventListener("load", function () {
PF.obj.devices = window.devices;
PF.fn.window_to_device = window.window_to_device;
PF.obj.config.base_url="https://pt.imgbb.com";
PF.obj.config.json_api="https://pt.imgbb.com/json";
PF.obj.config.listing.items_per_page="32";
PF.obj.config.auth_token="5f8fb9862d294ff47367057ae462236826c0835a";
PF.obj.l10n={"An error occurred. Please try again later.":["Ocorreu um erro. Por favor, tente novamente mais tarde."],"average":["average"],"cancel":["Cancelar"],"Check the errors in the form to continue.":["Verifique os erros no formulário para continuar."],"Clipboard image":["Imagem da área de transferência"],"Confirm":["Confirmar"],"Confirm action":["Confirmar ação"],"continue anyway":["Continuar assim mesmo"],"File too large.":["Ficheiro demasiado grande."],"Go back to the form":["Voltar ao formulário"],"Invalid content owner request":["Invalid content owner request"],"Invalid or unsupported file format.":["Formato de ficheiro inválido ou não suportado."],"loading":["A carregar"],"image":["imagem"],"or":["ou"],"Save changes":["Guardar as alterações"],"Saving":["A guardar"],"Sending":["A enviar"],"Some files couldn't be added":["Alguns ficheiros não puderam ser adicionados"],"Submit":["Submeter"],"very weak":["very weak"],"weak":["weak"]};
CHV.obj.embed_tpl={"links":{"label":"Links","options":{"viewer-links":{"label":"Ver links","template":"%URL_VIEWER%","size":"viewer"}}},"html-codes":{"label":"C\u00f3digos HTML","options":{"html-embed-medium":{"label":"HTML completo com link","template":"<a href="/?originalUrl=https%3A%2F%2Fpt.imgbb.com%2F"%URL_VIEWER_PREVIEW%\"><img src="/?originalUrl=https%3A%2F%2Fpt.imgbb.com%2F"%MEDIUM_URL%\" alt=\"%MEDIUM_NAME%\" border=\"0\"><\/a>","size":"medium"},"html-embed-thumbnail":{"label":"HTML da miniatura com link","template":"<a href="/?originalUrl=https%3A%2F%2Fpt.imgbb.com%2F"%URL_VIEWER_THUMB%\"><img src="/?originalUrl=https%3A%2F%2Fpt.imgbb.com%2F"%THUMB_URL%\" alt=\"%THUMB_NAME%\" border=\"0\"><\/a>","size":"thumb"}}},"bbcodes":{"label":"BBCodes","options":{"bbcode-embed-medium":{"label":"BBCode completo com link","template":"[url=%URL_VIEWER_PREVIEW%][img]%MEDIUM_URL%[\/img][\/url]","size":"medium"},"bbcode-embed-thumbnail":{"label":"C\u00f3digo BBCode da miniatura com link","template":"[url=%URL_VIEWER_THUMB%][img]%THUMB_URL%[\/img][\/url]","size":"thumb"}}}};
CHV.obj.config={"image":{"max_filesize":32000000,"load_max_filesize":8000000},"upload":{"image_types":["arw","avif","bmp","cr2","cr3","cur","cut","dcm","dds","dib","dng","emf","exr","fax","fig","fits","fpx","gbr","gd","gif","hdr","heic","heif","icns","ico","iff","ilbm","j2k","jpe","jpeg","jpg","jpf","jpm","jp2","jpx","miff","mng","mpo","nef","nrrd","orf","pbm","pcx","pdf","pgm","pic","pict","png","pnm","ppm","ps","psb","psd","qoi","raf","raw","rw2","sgi","sid","sr2","svg","tga","tif","tiff","vtf","webp","wmf","xbm","xcf","xpm","jpeg","tiff","heif"]},"listing":{"viewer":true}};ibb();
});
</script>
</body>
</html>
<script>
	$(function() {
		var $pluginButton = $("#pup-preview");
		var tagAttrs = {"async":"","src":"https:\/\/imgbb.com\/upload.js"};
		var el = document.createElement("script");
		for(var key in tagAttrs) {
			el.setAttribute(key, tagAttrs[key]);
		}
		$(document).on("keyup change", "[data-content=pup-options] *:input", function(e) {
			var attr = 'data-' + $(this).attr("name");
			var val = $(this).val();
			if(val) {
				el.setAttribute(attr, val);
			} else {
				el.removeAttribute(attr);
			}
			$("#pup-insert-code").val(el.outerHTML.replace('=""', '')).highlight();
		});
		$(document).on("change", "#palette", function(e) {
			var val = $(this).val() || "default";
			$pluginButton.removeClass(function(i, className) {
				return (className.match (/(^|\s)imgbb-button--palette-\S+/g) || []).join(' ');
			}).addClass('imgbb-button--palette-' + val);
		});
	});
</script>