title: How do I Upload an Image with a URL to a Canvas in HTML/JavaScript?
body: <p>I am making a website where you can edit photos. I have implemented a button that lets the user upload an image from their computer. However, I want the user to be able to load an image-URL as well. I have looked everywhere to find how I can implement this feature, but every post just says how to upload from the computer.</p>
  <p>What I want is a input where the user can paste a URL, and a button you click to load the URL onto the canvas.</p>
  <p>Here are the neccasary parts of my HTML code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" class="urlLoader" id="urlLoader" placeholder="https://example.com/this-image.jpg"&gt;
  &lt;button type="button" name="button" class="loadURL"&gt;Load URL&lt;/button&gt;
  
  &lt;canvas id="imageCanvas"&gt;&lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>