CINXE.COM

<!DOCTYPE HTML> <html xml:lang="pt" lang="pt" dir="ltr" class="device-nonmobile tone-light no-js" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="google" content="notranslate" /> <title>Plugin de Upload — ImgBB</title> <link rel="preconnect" href="https://simgbb.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="//simgbb.com/5286/ibb.css"> <script>document.documentElement.className+=" js";var devices=["phone","phablet","tablet","laptop","desktop","largescreen"],window_to_device=function(){for(var e=[480,768,992,1200,1880,2180],t=[],n="",d=document.documentElement.clientWidth||document.getElementsByTagName("body")[0].clientWidth||window.innerWidth,c=0;c<devices.length;++c)d>=e[c]&&t.push(devices[c]);for(0==t.length&&t.push(devices[0]),n=t[t.length-1],c=0;c<devices.length;++c)document.documentElement.className=document.documentElement.className.replace(devices[c],""),c==devices.length-1&&(document.documentElement.className+=" "+n),document.documentElement.className=document.documentElement.className.replace(/\s+/g," ");if("laptop"==n||"desktop"==n){var o=document.getElementById("pop-box-mask");null!==o&&o.parentNode.removeChild(o)}};window_to_device(),window.onresize=window_to_device;function jQueryLoaded(){!function(n,d){n.each(readyQ,function(d,e){n(e)}),n.each(bindReadyQ,function(e,i){n(d).bind("ready",i)})}(jQuery,document)}!function(n,d,e){function i(d,e){"ready"==d?n.bindReadyQ.push(e):n.readyQ.push(d)}n.readyQ=[],n.bindReadyQ=[];var u={ready:i,bind:i};n.$=n.jQuery=function(n){return n===d||void 0===n?u:void i(n)}}(window,document);</script> <link rel="alternate" hreflang="x-default" href="https://imgbb.com/plugin"> <link rel="alternate" hreflang="en" href="https://imgbb.com/plugin"> <link rel="alternate" hreflang="ar" href="https://ar.imgbb.com/plugin"> <link rel="alternate" hreflang="bg-bg" href="https://bg-bg.imgbb.com/plugin"> <link rel="alternate" hreflang="cs" href="https://cs.imgbb.com/plugin"> <link rel="alternate" hreflang="da" href="https://da.imgbb.com/plugin"> <link rel="alternate" hreflang="de" href="https://de.imgbb.com/plugin"> <link rel="alternate" hreflang="el" href="https://el.imgbb.com/plugin"> <link rel="alternate" hreflang="es" href="https://es.imgbb.com/plugin"> <link rel="alternate" hreflang="et-ee" href="https://et-ee.imgbb.com/plugin"> <link rel="alternate" hreflang="fa" href="https://fa.imgbb.com/plugin"> <link rel="alternate" hreflang="fi" href="https://fi.imgbb.com/plugin"> <link rel="alternate" hreflang="fr" href="https://fr.imgbb.com/plugin"> <link rel="alternate" hreflang="he" href="https://he.imgbb.com/plugin"> <link rel="alternate" hreflang="hr" href="https://hr.imgbb.com/plugin"> <link rel="alternate" hreflang="hu" href="https://hu.imgbb.com/plugin"> <link rel="alternate" hreflang="id" href="https://id.imgbb.com/plugin"> <link rel="alternate" hreflang="it" href="https://it.imgbb.com/plugin"> <link rel="alternate" hreflang="ja" href="https://ja.imgbb.com/plugin"> <link rel="alternate" hreflang="ko" href="https://ko.imgbb.com/plugin"> <link rel="alternate" hreflang="lt-lt" href="https://lt-lt.imgbb.com/plugin"> <link rel="alternate" hreflang="nb" href="https://nb.imgbb.com/plugin"> <link rel="alternate" hreflang="nl" href="https://nl.imgbb.com/plugin"> <link rel="alternate" hreflang="pl" href="https://pl.imgbb.com/plugin"> <link rel="alternate" hreflang="pt" href="https://pt.imgbb.com/plugin"> <link rel="alternate" hreflang="pt-br" href="https://pt-br.imgbb.com/plugin"> <link rel="alternate" hreflang="ru" href="https://ru.imgbb.com/plugin"> <link rel="alternate" hreflang="sk" href="https://sk.imgbb.com/plugin"> <link rel="alternate" hreflang="sr-rs" href="https://sr-rs.imgbb.com/plugin"> <link rel="alternate" hreflang="sv" href="https://sv.imgbb.com/plugin"> <link rel="alternate" hreflang="th" href="https://th.imgbb.com/plugin"> <link rel="alternate" hreflang="tr" href="https://tr.imgbb.com/plugin"> <link rel="alternate" hreflang="uk" href="https://uk.imgbb.com/plugin"> <link rel="alternate" hreflang="vi" href="https://vi.imgbb.com/plugin"> <link rel="alternate" hreflang="zh-cn" href="https://zh-cn.imgbb.com/plugin"> <link rel="alternate" hreflang="zh-tw" href="https://zh-tw.imgbb.com/plugin"><link rel="shortcut icon" href="//simgbb.com/images/favicon.png"> <link rel="icon" type="image/png" href="//simgbb.com/images/favicon.png" sizes="192x192"> <link rel="apple-touch-icon" href="//simgbb.com/images/favicon.png" sizes="180x180"> <meta property="og:type" content="website" /> <meta property="og:url" content="https://pt-br.imgbb.com/plugin" /> <meta property="og:title" content="Upload Image — Free Image Hosting" /> <meta property="og:site_name" content="ImgBB" /> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Plugin de Upload"> <meta name="twitter:site" content="@imgbb_com"> </head> <body id="plugin"> <header id="top-bar" class="top-bar"> <div class="content-width"> <div id="logo" class="top-bar-logo"><a href="https://pt-br.imgbb.com"><img width="116px" height="24px" src="//simgbb.com/images/logo.png" alt="ImgBB"></a></div> <ul class="top-bar-left float-left"> <li data-action="top-bar-menu-full" data-nav="mobile-menu" class="top-btn-el phone-show phablet-show hidden"> <span class="top-btn-text"><span class="icon icon-bars"></span></span> </li> <li data-nav="about" class="phone-hide phablet-hide pop-btn pop-keep-click"> <span class="top-btn-text"><span class="icon icon-circle-question"></span><span class="btn-text phone-hide phablet-hide">Sobre</span><span class="arrow-down"></span></span> <div class="pop-box arrow-box arrow-box-top anchor-left"> <div class="pop-box-inner pop-box-menu"> <ul><li class="with-icon"><a href="https://pt-br.imgbb.com/plugin"><span class="btn-icon icon-code"></span> Plugin</a></li><li class="with-icon"><a href="https://api.imgbb.com/"><span class="btn-icon icon-gear"></span> API</a></li><li class="with-icon"><a href="https://imgbb.com/tos"><span class="btn-icon icon-landmark"></span> Terms of service</a></li><li class="with-icon"><a href="https://imgbb.com/privacy"><span class="btn-icon icon-lock"></span> Privacy</a></li><li class="with-icon"><a href="https://pt-br.imgbb.com/contact"><span class="btn-icon icon-at"></span> Contact</a></li></ul> </div> </div> </li> <li data-nav="language" class="phablet-hide phone-hide pop-btn"> <span class="top-btn-text"><span class="icon icon-language"></span><span class="btn-text">PT (BR)</span><span class="arrow-down"></span></span> <div class="pop-box pbcols5 arrow-box arrow-box-top anchor-left"> <div class="pop-box-inner pop-box-menu pop-box-menucols"> <ul> <li><a href="https://ar.imgbb.com/" onclick="changeLanguage('ar');">العربية</a></li><li><a href="https://bg-bg.imgbb.com/" onclick="changeLanguage('bg-bg');">Български</a></li><li><a href="https://cs.imgbb.com/" onclick="changeLanguage('cs');">Čeština</a></li><li><a href="https://da.imgbb.com/" onclick="changeLanguage('da');">Dansk</a></li><li><a href="https://de.imgbb.com/" onclick="changeLanguage('de');">Deutsch</a></li><li><a href="https://el.imgbb.com/" onclick="changeLanguage('el');">Ελληνικά</a></li><li><a href="https://imgbb.com/" onclick="changeLanguage('en');">English</a></li><li><a href="https://es.imgbb.com/" onclick="changeLanguage('es');">Español</a></li><li><a href="https://et-ee.imgbb.com/" onclick="changeLanguage('et-ee');">Eesti (Eesti)</a></li><li><a href="https://fa.imgbb.com/" onclick="changeLanguage('fa');">فارسی</a></li><li><a href="https://fi.imgbb.com/" onclick="changeLanguage('fi');">Suomi</a></li><li><a href="https://fr.imgbb.com/" onclick="changeLanguage('fr');">Français</a></li><li><a href="https://he.imgbb.com/" onclick="changeLanguage('he');">עברית</a></li><li><a href="https://hr.imgbb.com/" onclick="changeLanguage('hr');">Hrvatski</a></li><li><a href="https://hu.imgbb.com/" onclick="changeLanguage('hu');">Magyar</a></li><li><a href="https://id.imgbb.com/" onclick="changeLanguage('id');">Bahasa Indonesia</a></li><li><a href="https://it.imgbb.com/" onclick="changeLanguage('it');">Italiano</a></li><li><a href="https://ja.imgbb.com/" onclick="changeLanguage('ja');">日本語</a></li><li><a href="https://ko.imgbb.com/" onclick="changeLanguage('ko');">한국어</a></li><li><a href="https://lt-lt.imgbb.com/" onclick="changeLanguage('lt-lt');">Lietuvių (Lietuva)</a></li><li><a href="https://nb.imgbb.com/" onclick="changeLanguage('nb');">‪Norsk Bokmål‬</a></li><li><a href="https://nl.imgbb.com/" onclick="changeLanguage('nl');">Nederlands</a></li><li><a href="https://pl.imgbb.com/" onclick="changeLanguage('pl');">Polski</a></li><li><a href="https://pt.imgbb.com/" onclick="changeLanguage('pt');">Português</a></li><li><a href="https://pt-br.imgbb.com/" onclick="changeLanguage('pt-br');">Português (Brasil)</a></li><li><a href="https://ru.imgbb.com/" onclick="changeLanguage('ru');">Русский</a></li><li><a href="https://sk.imgbb.com/" onclick="changeLanguage('sk');">Slovenčina</a></li><li><a href="https://sr-rs.imgbb.com/" onclick="changeLanguage('sr-rs');">Српски</a></li><li><a href="https://sv.imgbb.com/" onclick="changeLanguage('sv');">Svenska</a></li><li><a href="https://th.imgbb.com/" onclick="changeLanguage('th');">ไทย</a></li><li><a href="https://tr.imgbb.com/" onclick="changeLanguage('tr');">Türkçe</a></li><li><a href="https://uk.imgbb.com/" onclick="changeLanguage('uk');">Українська</a></li><li><a href="https://vi.imgbb.com/" onclick="changeLanguage('vi');">Tiếng Việt</a></li><li><a href="https://zh-cn.imgbb.com/" onclick="changeLanguage('zh-cn');">简体中文</a></li><li><a href="https://zh-tw.imgbb.com/" onclick="changeLanguage('zh-tw');">繁體中文</a></li></ul> </div> </div> </li> </ul> <ul class="top-bar-right float-right keep-visible"> <li class="top-btn-el"><a href="https://imgbb.com/upload"><span class="top-btn-text"><span class="icon icon-cloud-arrow-up"></span><span class="btn-text phone-hide phablet-hide">Enviar</span></span></a></li> <li id="top-bar-signin" data-nav="signin" class="top-btn-el"> <a href="https://imgbb.com/login" class="top-btn-text"><span class="icon icon-right-to-bracket"></span><span class="btn-text phone-hide phablet-hide">Entrar</span></a> </li> <li id="top-bar-signup" data-nav="signup" class="phone-hide top-btn-el"> <a href="https://imgbb.com/signup" class="top-btn-text top-btn-create-account btn blue text"><span class="icon icon-user-plus phablet-hide tablet-hide laptop-hide desktop-hide"></span>Criar conta</a> </li> </ul> </div> </header> <div class="center-box c24 margin-top-40 margin-bottom-40"> <div class="content-width"> <div class="header default-margin-bottom"> <h1>Plugin de Upload</h1> </div> <div class="text-content"> <p>Adicione o upload da imagem ao seu site, blog ou fórum, instalando nosso plugin de upload. Ele fornece o upload de imagens para qualquer site, colocando um botão que permitirá que seus usuários enviem imagens diretamente para o nosso serviço e ele irá manipular automaticamente os códigos necessários para a inserção. Todos os recursos incluídos como arrastar e soltar, upload remoto, redimensionamento de imagem e muito mais.</p> <h2>Software suportado</h2> <p>O plugin funciona em qualquer site com conteúdo editável pelo usuário e para <a data-toggle="pup-vendors">software suportado</a>, ele colocará um botão de upload que irá corresponder à barra de ferramentas do editor de destino para que não seja necessária nenhuma personalização adicional.</p> <ul data-content="pup-vendors" class="soft-hidden"> <li>bbPress</li> <li>Discourse</li> <li>Discuz!</li> <li>Invision Power Board</li> <li>MyBB</li> <li>NodeBB</li> <li>ProBoards</li> <li>phpBB</li> <li>Simple Machines Forum</li> <li>Vanilla Forums</li> <li>vBulletin</li> <li>WoltLab</li> <li>XenForo</li> </ul> <h2>Adicione-o ao seu site</h2> <p>Copie e cole o código do plugin no código HTML do seu site (de preferência dentro da seção principal). Há uma abundância de <a data-toggle="pup-options">opções</a> para adequá-lo melhor às suas necessidades.</p> <div class="input-label margin-bottom-0"> <textarea id="pup-insert-code" data-focus="select-all" class="r2 resize-vertical" autocomplete="off" spellcheck="false" readonly><script async src="https://imgbb.com/upload.js"></script></textarea> <button class="input-action" data-action="copy" 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</option> <option value="html-embed-thumbnail">HTML da miniatura</option> <option value="bbcode-embed-medium">BBCode completo</option> <option value="" selected="selected">Código BBCode da miniatura</option> </select> </div> <div class="input-below">Códigos de incorporação que serão inseridos automaticamente na caixa de editor</div> </div> <div class="input-label"> <label for="sibling">Seletor Sibling</label> <div class="c9 phablet-c1"> <input type="text" name="sibling" id="sibling" class="text-input" placeholder="Empty string"> </div> <div class="input-below">Onde colocar o botão perto do elemento Sibling</div> </div> <div class="input-label"> <label for="sibling-pos">Posição do Sibling</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 Sibling</div> </div> </div> </div> </div> </div> <div id="modal-share" class="hidden"> <span class="modal-box-title">Compartilhar</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="copy" data-action-target="#modal-share-url" value="">copiar</button> </div> </div> </div> <script defer src="//simgbb.com/5286/jquery1.js" onload="jQueryLoaded(this, event)"></script> <script defer src="//simgbb.com/5286/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-br.imgbb.com"; PF.obj.config.json_api="https://pt-br.imgbb.com/json"; PF.obj.config.listing.items_per_page="32"; PF.obj.config.auth_token="dbed8bf4e594437a5817fe7c2d654b1a89708883"; PF.obj.l10n={"An error occurred. Please try again later.":["Ocorreu um erro. Por favor, tente novamente mais tarde."],"cancel":["Cancelar"],"Check the errors in the form to continue.":["Verifique os erros no formul\u00e1rio para continuar."],"Clipboard image":["Prancheta"],"Confirm":["Confirmar"],"Confirm action":["Confirmar a\u00e7\u00e3o"],"continue anyway":["Continuar assim mesmo"],"File too big.":["Arquivo muito grande."],"Go back to form":["Voltar para o formul\u00e1rio"],"Invalid or unsupported file format.":["Formato de arquivo inv\u00e1lido ou n\u00e3o suportado."],"loading":["carregando"],"image":["imagem","imagens"],"or":["ou"],"Save changes":["Salvar as altera\u00e7\u00f5es"],"Saving":["Salvando"],"Sending":["Enviando"],"Some files couldn't be added":["Alguns arquivos n\u00e3o puderam ser adiccionados"],"Submit":["Enviar"]}; 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","template":"<a href=\"%URL_VIEWER_PREVIEW%\"><img src=\"%MEDIUM_URL%\" alt=\"%MEDIUM_NAME%\" border=\"0\"><\/a>","size":"medium"},"html-embed-thumbnail":{"label":"HTML da miniatura","template":"<a href=\"%URL_VIEWER_THUMB%\"><img src=\"%THUMB_URL%\" alt=\"%THUMB_NAME%\" border=\"0\"><\/a>","size":"thumb"}}},"bbcodes":{"label":"C\u00f3digos BB","options":{"bbcode-embed-medium":{"label":"BBCode completo","template":"[url=%URL_VIEWER_PREVIEW%][img]%MEDIUM_URL%[\/img][\/url]","size":"medium"},"bbcode-embed-thumbnail":{"label":"C\u00f3digo BBCode da miniatura","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":["jpg","png","bmp","gif","tif","webp","heic","avif","pdf","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>