使用jquery输入类型文件的base64字符串

使用jquery输入类型文件的base64字符串,jquery,model-view-controller,Jquery,Model View Controller,我已经使用input type=“file”上传了图像,并使用JCrop对其进行了裁剪。裁剪后的图像存储在隐藏字段中,如下所示 <input type="hidden" name="imgCropped" id="imgCropped" /> $('#imgCropped').val(canvas.toDataURL()); $('#imgcroped').val(canvas.toDataURL()); 现在我想将此图像作为HttpPostedFile发送到控制器。i、 我

我已经使用input type=“file”上传了图像,并使用JCrop对其进行了裁剪。裁剪后的图像存储在隐藏字段中,如下所示

<input type="hidden" name="imgCropped" id="imgCropped" />
$('#imgCropped').val(canvas.toDataURL()); 

$('#imgcroped').val(canvas.toDataURL());
现在我想将此图像作为HttpPostedFile发送到控制器。i、 我想将隐藏字段值设置为输入文件类型的值。我怎样才能做到这一点

<input type="file" name="file" class="form-control" id="file" />  

我没有测试它,但它应该可以工作

$.post(controllerUrl,{image:$(“#imgcroped”).val()},函数(数据){
$(“.result”).html(数据);
});如果你喜欢的话
我们无法将图像发送到后端,因此可以使用css手动隐藏输入文本字段

<style>

body{
显示:无;
}


然后可以将图像发送到后端

将其作为图像内容(字符串)发送到后端,而不是“.result”,我应该添加“#imgCropped”?否。result是存储来自请求的结果的位置。控制器完成工作后返回结果。它不工作。它拍摄的是我上传的原始图像,而不是裁剪后的图像。好的,对不起,你是对的。我编辑了代码。现在它应该拍摄裁剪后的图像,但它仍然不是。我已经在submit button click事件中编写了上述代码。