我有一个图像元素,我从中获取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中的表单。这种方法有什么问题,或者有没有比这更好的方法?
我很感谢这方面的任何帮助,谢谢!