title: Is there a way to hide the image urls from the common user?
body: <p>I'm trying a figure out how I can hide an image's url when looking at the console or source code.</p>
  
  <p>I've seen others asking about this to prevent users from downloading the images, but this is not the problem - in fact they should be able to download/save the images.</p>
  
  <p>The real reason is because my users are uploading images on my website, to a third-party storage service like cloudinary. I don't want the users to know where the images are going, because I'm afraid they could manipulate the data sent or received. This is just an additional security measure, even after checking that the images sent/received are indeed image urls and not malicious code or anything.</p>
  
  <p>What do you recommend for hiding the urls in the console? I'm completely out of ideas on where to start.</p>
  
  <p>To elaborate a bit: The user clicks 'browse for files' on my website, then clicks 'upload'. The files get transferred to cloudinary for storage. My website then fetches the image url(s) from cloudinary, stores the url in my database, and displays them in div boxes on the user's profile. Something like this:</p>
  
  <pre><code>&lt;div class="listing_img" style="background-image:url('.$img_url.');"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Where $img_url is a row from the database.</p>
  
  <p>Sort of like an image-storage website, but not exactly, people won't come to my website for storing images.
  Users won't at any stage get to see which API url their images are being sent to, unless of course they see the 'img src=akdklasdjakl' inside the browser console.</p>
  
  <p>I'm not sure if this is the correct approach, but it doesn't seem like a bad idea.</p>