# Prevenir o download de imagens publicadas

**URL:** <https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689>\
**Category:** Product Support\
**Created:** [Outubro 16, 2018, 10:50pm UTC](https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689 "2018-10-16T22:50:34Z")\
**Posts on this page:** 1\
**Showing post:** 36

<div class="post-metadata">

**Author:** ![ariznaf](https://avatars.discourse-cdn.com/v4/letter/a/ecccb3/32.png) [@ariznaf](https://meta.discourse.org/u/ariznaf)\
**Post date:** [Janeiro 24, 2024, 2:59pm UTC](https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689/36 "2024-01-24T14:59:18Z")

</div>

Muito obrigado.  
Não sei o que é !important, mas funciona, os .. no final não parecem muito importantes 😉

É assim que o CSS e os Scripts estão agora e obtemos o comportamento desejado: nenhuma das imagens do site pode ser baixada clicando com o botão direito sobre elas e os links de download na lightbox estão ocultos.  
Obrigado pela sua orientação.

CSS

```css
.image-source-link
{
    display: none !important;
}

```

Scripts do cabeçalho:

```html
<script type="text/discourse-plugin" version="0.8">
  api.onPageChange((url, title) => {
    $("img").on("contextmenu", function(e) {
      e.preventDefault();
    });
  });
</script>
<script type="text/discourse-plugin" version="0.8">
  api.onPageChange((url, title) => {
    $("body").on("contextmenu", ".cooked img, .mfp-figure, .lightbox-wrapper", function(e) {
      e.preventDefault();
    });
  });
</script>

```

O primeiro parece desativar o menu de contexto em outras imagens do site, como ícones ou miniaturas de avatar.

O segundo funciona para imagens em uma postagem e na lightbox.

---

_[View the full topic](https://meta.discourse.org/t/prevent-downloading-of-posted-images/99689)._