0

Hi I am trying to convert a remote image from rackspace cloud files to base64 but getting loading mixed active content in console . I also tried it with Canvas but gets - " Cross origin issue" error in console Please suggest.

var url = "http://1ae2a3aafe30ce7168e4-04fc9e18e832cf1475b32d087b84e087.r95.cf1.rackcdn.com/caps/179_by_inopoke.jpg";
    var xmlHTTP = new XMLHttpRequest();
    xmlHTTP.open('GET', url, true);
    xmlHTTP.responseType = 'arraybuffer';
    xmlHTTP.onload = function(e) {
      var arr = new Uint8Array(this.response);
      var raw = String.fromCharCode.apply(null,arr);
      var b64 = base64.encode(raw);
      var dataURL="data:image/png;base64," + b64;
            console.log('res', dataURL);

    };
    xmlHTTP.send();
Avan
  • 1
  • 2
  • Possible duplicate of [Understanding CORS](https://stackoverflow.com/questions/25845203/understanding-cors) – AKX Apr 09 '19 at 12:02
  • @AKX How shall i resolve this on racksapce cloud? I already enable CDN there. – Avan Apr 09 '19 at 12:06
  • Mixed active content suggest page loaded over HTTPS is requesting HTTP content. Try changing URL to `HTTPS:` or remove it entirely (to use same scheme as containing page.) – phuzi Apr 09 '19 at 12:06
  • @phuzi Already tried. Not working, It genrate another error "ReferenceError: base64" – Avan Apr 09 '19 at 12:07

0 Answers0