blob转base64 db2 java_将Blob字符串URL转换为Blob,然后转换为base64

本文探讨了如何在JavaScript中通过 FileReader API 从图像的blob URL转换为blob,然后进一步转换为Base64字符串,以便于在表单提交中使用。作者在代码示例中展示了这一过程,并询问了关于在读取事件结束时提交表单的适宜性和可能的优化方法。
摘要由CSDN通过智能技术生成

我有一个图像元素,我从中获取blob字符串URL,并且试图先将它转换为blob,然后再转换为base64字符串。这样我就可以将base64字符串(存储在#originalImage中)发送到服务器端。

JS

onFinished: function (event, currentIndex) {

var form = $(this);

if ($('#image').attr('src').length) {

var selectedFile = $('#image').attr('src');

var blob;

var reader = new window.FileReader();

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function () {

if (this.readyState == 4 && this.status == 200) {

blob = this.response;

console.log(this.response, typeof this.response);

if (blob != undefined) {

reader.readAsDataURL(blob);

}

}

}

xhr.open('GET', selectedFile);

xhr.responseType = 'blob';

xhr.send();

}

reader.onloadend = function () {

base64data = reader.result;

console.log(base64data);

if (base64data != undefined) {

$("#originalImage").val(base64data);

form.submit();

}

}

}调节器

[HttpPost]

public ActionResult Action(Model blah, string croppedImage, string originalImage){

// Code here...

}它按预期工作,但我唯一担心的是,在哪里提交reader.onloadend中的表单。这种方法有什么问题,或者有没有比这更好的方法?

我很感谢这方面的任何帮助,谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值