前台读取后台传入的二进制流并转成图片

生成随机字符串：

function randomString(len) {
	len = len || 32;
	var $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
	var maxPos = $chars.length;
	var str = '';
	for (var i = 0; i < len; i++) {
		str += $chars.charAt(Math.floor(Math.random() * maxPos));
	}
	return str;
}

len为要生成的字符串长度。

 

由于 ajax 不能获取到二进制数据，所以用原生的 DOM 操作：

                var name = randomString(10);
		var data = {"name": name, "otpSk": "BGIVA4SZTMP52KB6UXUGI73V4HWAIORK6KTD6LPSJCMWOEODFN2A"};
		var xhr = new XMLHttpRequest();
		xhr.open('POST', 'http://localhost:10005/api/getImage', true);
		xhr.responseType = "arraybuffer";
		xhr.onload = function (event) {
			// var arrayBuffer = xhr.response;
			/* var blobBu