Blob URL to image
<p>How can I "save" this image?</p>

<p><code>blob:https%3A//theta360.com/473c6400-b8e7-4c41-8f7a-90f03cbc8787</code></p>

<p>found on: <a href="https://theta360.com/s/lE2in9qQDK6j2CcjPAQcvNhOi" rel="nofollow">https://theta360.com/s/lE2in9qQDK6j2CcjPAQcvNhOi</a></p>

<p>I tried some script I found on SO which uses <code>canvas.toDataURL</code></p>

<p>But I get an error:</p>

<blockquote>
  <p>Not allowed to load local resource: blob:https%3A//theta360.com/473c6400-b8e7-4c41-8f7a-90f03cbc8787</p>
</blockquote>

<p>Javascript:</p>

<pre><code>var url = "blob:https%3A//theta360.com/473c6400-b8e7-4c41-8f7a-90f03cbc8787"; // document.getElementById("img1").src; // 'img1' is the thumbnail - I had to put an id on it
var canvas = document.getElementById("MyCanvas");
var img = new Image();
img.src = url;
img.onload = function () {
    var myImage = canvas.toDataURL("image/jpg");
    document.getElementById("dataurl").value = myImage;
}
</code></pre>

<p>HTML:</p>

<pre><code>&lt;canvas id="MyCanvas"&gt;This browser or document mode doesn't support canvas&lt;/canvas&gt;
&lt;input id="dataurl" name="dataurl" type="text" size="50" /&gt;
</code></pre>