Daniel@0: /* Part of DML (Digital Music Laboratory)
Daniel@0: 	Copyright 2014-2015 Samer Abdallah, University College London
Daniel@0: 	Distributed under GPL v3
Daniel@0: */
Daniel@0: function load_img(id,url)
Daniel@0: {
Daniel@0:    var xhr = new XMLHttpRequest();
Daniel@0:    xhr.open('GET',url,true);
Daniel@0:    xhr.responseType = 'arraybuffer';
Daniel@0:    xhr.onload = function(e) {
Daniel@0:       var type = xhr.getResponseHeader('Content-Type')
Daniel@0:       console.log(type)
Daniel@0: 
Daniel@0:       var arr = new Uint8Array(this.response);
Daniel@0:       var raw = '';
Daniel@0:       var i,j,subArray,chunk = 5000;
Daniel@0:       for (i=0,j=arr.length; i<j; i+=chunk) {
Daniel@0:          subArray = arr.subarray(i,i+chunk);
Daniel@0:          raw += String.fromCharCode.apply(null, subArray);
Daniel@0:       }
Daniel@0:       var dataURL="data:"+type+";base64,"+btoa(raw);
Daniel@0:       document.getElementById(id).src = dataURL;
Daniel@0:    };
Daniel@0:    xhr.send();
Daniel@0: }
Daniel@0: 
Daniel@0: function load_img2(id,url)
Daniel@0: {
Daniel@0:    var xhr = new XMLHttpRequest();
Daniel@0:    xhr.responseType = 'arraybuffer';
Daniel@0:    xhr.onload = function() {
Daniel@0:       var type = xhr.getResponseHeader('Content-Type')
Daniel@0:       var el = document.getElementById(id);
Daniel@0:       if (type.substring(0,6)=="image/") {
Daniel@0:          var blb = new Blob([xhr.response], {type: type});
Daniel@0:          var url = (window.URL || window.webkitURL).createObjectURL(blb);
Daniel@0:          el.src = url;
Daniel@0:       } else { 
Daniel@0:          var styles = window.getComputedStyle(el);
Daniel@0:          var fr = document.createElement('iframe');
Daniel@0:          var st = fr.style;
Daniel@0:          st.width=styles.getPropertyValue('width');
Daniel@0:          st.height=styles.getPropertyValue('height');
Daniel@0:          st.display='inline';
Daniel@0:          st['vertical-align']='middle';
Daniel@0:          st['background-color']='#ffe0e0';
Daniel@0: 
Daniel@0:          el.parentNode.replaceChild(fr, el);
Daniel@0:          var arr = new Uint8Array(this.response);
Daniel@0:          var raw = String.fromCharCode.apply(null, arr);
Daniel@0:          var doc = fr.contentWindow.document;
Daniel@0:          doc.open();
Daniel@0:          doc.write(raw);
Daniel@0:          doc.close();
Daniel@0:          doc.body.style['font-size']='80%'
Daniel@0:       }
Daniel@0:    }
Daniel@0:    xhr.open('GET',url);
Daniel@0:    xhr.send();
Daniel@0: }
Daniel@0: