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

Question

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

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

现在，我想将此图像作为HttpPostedFile发送到控制器。即我想将隐藏字段值设置为输入文件类型的值。我该如何实现呢？

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

Answer 1

我没有测试它，但是应该可以。

$.post( controllerUrl, { image: $("#imgCropped").val() }, function( data ) {
  $( ".result" ).html( data );
});

PS。抱歉，我编辑了该synax错误

Answer 2

如果你喜欢那不 <input type="hidden" name="imgCropped" id="imgCropped" /> 我们无法将图片发送到后端，因此我们可以使用css手动隐藏该输入文本字段

<style>

body{ display:none; }

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