我尝试使用blob url在前视图上显示图像文件,并通过javascript将数据发送到其他模块:
for (var i = 0; i < files.length; i++) {
var imagefile_url = window.URL.createObjectURL(files[i]);
originFiles.push(imagefile_url);
imageFiles[i] = new Promise(resolve =>{
_this.autoCropImage(imagefile_url, function(imgData, blob){
resolve({blobOBJ: blob, cropped:imgData}); //blob is blob object file and imgData is blob url
});
})
}
Promise.all(imageFiles).then(value=>{
_this.props.readInputFile(value, originFiles);
});
我按<img scr={this.state.cropped}>
显示图像文件。
但是,当我想将图片文件上传到imgur时,我需要将blob url
转换回blob object
。
我使用这种方法来获取blob对象正在使用状态临时来保存blob对象。
以下代码为formdata.append("image", this.state.blobOBJ)
,但我只想使用一个key(this.state.cropped)
。
有没有办法将blob url转换为blob对象?