JSFiddle - React, Tailwind, and code Playground

by NickJosevski

JavaScript

var BlobBuilder = window.MozBlobBuilder || window.WebKitBlobBuilder || window.BlobBuilder;

var bb = new BlobBuilder();

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://jsfiddle.net/img/logo.png', true);

xhr.responseType = 'arraybuffer';

bb.append(this.response); // Note: not xhr.responseText

var blob = bb.getBlob('image/png');

//won't work because it's not internet accessible
//so configure your own location to accept the posted file
var queryString = 'http://my-machine-demo-app/upload/UploadFile';

xhr = new XMLHttpRequest();
xhr.open("POST", queryString, true);
xhr.setRequestHeader("Access-Control-Allow-Origin: *", "XMLHttpRequest");
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhr.setRequestHeader("X-File-Name", 'logo.png');
xhr.setRequestHeader("Content-Type", "application/octet-stream");
//here would send a file typically...

xhr.send(blob);