js二進制流

1. js如何將圖片轉換為二進制流

方法如下。

2. js 怎麼實現image的二進制流

//IE11以下不支持，且圖像文件必須屬於當前域（即不能產生跨域）
varxhr=newXMLHttpRequest;
xhr.open('GET','圖片的URL地址');
xhr.responseType='blob';
xhr.send();
xhr.onreadystatechange=function(){
if(xhr.readyState===4){
//xhr.response是一個Blob二進制對象
console.log(xhr.response);
//可以通過類型化數組來遍歷其中的位元組
varbinary=newUint8Array(xhr.response);
//TODObinary就是放到8位無符號整形數組中的二進制數據了
}
};

3. js 怎麼實現image的二進制流

function convertImgToBase64(url, callback, outputFormat){
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'),
img = new Image;
img.crossOrigin = 'Anonymous';
img.onload = function(){
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img,0,0);
var dataURL = canvas.toDataURL(outputFormat || 'image/png');
callback.call(this, dataURL);
canvas = null;
};
img.src = url;
}

//圖片地址
var imagePath='image.png';
convertImgToBase64(imagePath, function(base64Img){
// Base64DataURL
});

4. js 怎麼實現image的二進制流

function convertImgToBase64(url, callback, outputFormat){
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'),
img = new Image;
img.crossOrigin = 'Anonymous';
img.onload = function(){
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img,0,0);
var dataURL = canvas.toDataURL(outputFormat || 'image/png');
callback.call(this, dataURL);
canvas = null;
};
img.src = url;
}

//圖片地址
var imagePath='image.png';
convertImgToBase64(imagePath, function(base64Img){
// Base64DataURL
});

5. js如何將圖片轉換為二進制流

方法如下。回

6. JS可以解析二進制流數據嗎

byte[] b = {(byte)0xa3,(byte)0xb1,(byte)0xa3,(byte)0xbd,...., (byte)0xb5,(byte)0xcd}; new String(b)或new String(b, "gbk") 即返回 "1＝104國道" 因為windows下java預設的字元集是gbk所以可以不寫

7. js怎麼實現圖像的二進制流

看了 SDK 源碼，發送二進制圖片的核心代碼如下：

if hasBlob
form = new FormData
form.append k, data[k] for k of data
xhr.send form

就是往 FormData 裡面塞 Blob 對象，然後使用 XHR 發送出去。
File 對象繼承自 Blob 對象，所以直接把 File 塞進去就可以:

var file = input.files[0]
api.request('detection/detect', {
img: file
}, function(err, result) {
})

其實就是使用 xhr 構造了一個非同步上傳的表單而已。

8. js 怎麼實現image的二進制流

看了 SDK 源碼，復發送二進制制圖片的核心代碼如下：
if hasBlob
form = new FormData
form.append k, data[k] for k of data
xhr.send form
就是往 FormData 裡面塞 Blob 對象，然後使用 XHR 發送出去。
File 對象繼承自 Blob 對象，所以直接把 File 塞進去就可以:
var file = input.files[0]
api.request('detection/detect', {
img: file
}, function(err, result) {
})
其實就是使用 xhr 構造了一個非同步上傳的表單而已。