Databases
StackOverflow2013
Postsdbo
PO"SecurityError: The operation is insecure" when try to set img src to base64 value
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO"SecurityError: The operation is insecure" when try to set img src to base64 value
    primarykey
    data
    text
    <p>I have a array which store some base64 values like the one below:</p> <pre><code>"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD ..." </code></pre> <p>I made this function:</p> <pre><code>var base64Matcher = new RegExp("^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})$"); $.each(inputValues, function(key, value) { if (base64Matcher.test(value)) { $('#' + key).attr('src', value); } else { $('#' + key).val(value); } }); </code></pre> <p>Based on <a href="https://stackoverflow.com/questions/7126846/detect-base64-encoding">this post</a> but when I try to load values I get this error:</p> <blockquote> <p>SecurityError: The operation is insecure</p> </blockquote> <p>How did you test if value is base64 encode and then set the <code>src</code> attribute right? Here is a image showing what holds <code>inputValues</code> is just values I just found trough those values and if it's <code>base64</code> encode then I set <code>src</code> because that is a image, the function fails only when I load a image</p> <p><img src="https://i.stack.imgur.com/sKHUI.png" alt="enter image description here"></p> <p>PS: I checked <a href="https://stackoverflow.com/questions/2183347/how-to-set-the-image-src-using-jquery">this</a> and <a href="https://stackoverflow.com/questions/8594998/setting-img-src-to-base64-encoded-image-with-javascript-is-failing">this</a> post without success, any?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USReynier
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO"SecurityError: The operation is insecure" when try to set img src to base64 value
      1. USChris Baker
      1. VTFavorite
    1. COWhat kind of element has a `value` and a `src`? Your variable names suggest you are looping input elements? If so... the `src` attribute doesn't exist. I don't think that is throwing the security error, but it would certainly cause this code to fail to display images. You want an `img` tag for that, which doesn't support the `value` attribute. All things considered, it isn't clear what you're trying to do here.
      singulars
      1. PO"SecurityError: The operation is insecure" when try to set img src to base64 value
      1. USChris Baker
    2. COwell this is a form that hold a image in `base64` this `base64` is stored in `src` attribute of a `img` tag, what I'm try to do is to store this value in some temporary var and then retrieve in another img
      singulars
      1. PO"SecurityError: The operation is insecure" when try to set img src to base64 value
      1. USReynier
    3. COI understand that. But, reading your code, you are using `$('#' + key).val(value);` which would not do anything to an image tag -- but it would set the value of a form input. At any rate, can you set up an example of this on jsFiddle? This is a strange error, and superficially it seems like you're missing some important detail. Try to set up a reproduction of the error on jsfiddle.net and add the link to your question. I'll check back and see if I can figure something out, if someone else hasn't yet.
      singulars
      1. PO"SecurityError: The operation is insecure" when try to set img src to base64 value
      1. USChris Baker
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload