javascript - img src を base64 値に設定しようとすると、「SecurityError: The operation is insecure」というメッセージが表示される

Question

以下のような base64 値を格納する配列があります。

"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD ..."

私はこの機能を作りました：

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);
    }
});

この投稿に基づいていますが、値を読み込もうとすると、次のエラーが発生します。

SecurityError: 操作は安全ではありません

値が base64 エンコードであるかどうかをどのようにテストしてから、src属性を正​​しく設定しましたか? inputValuesこれは、これらの値を介して見つけた値だけが保持されていることを示す画像です。それがbase64エンコードさsrcれている場合は、それが画像であるため設定します。関数は、画像をロードしたときにのみ失敗します

PS:これとこの投稿を確認しましたが、成功しませんでした。