使用form方法将隐藏的输入值设置为要进行subbmited的blob

Question

我试图提交一个表单，其中一个blob会附加到其中一个隐藏的输入标签上。

<form method="POST" action="api/save/image">
   <input id="p_id" type="hidden" name="p_id" value=""/>
   <input id="image" type="hidden" name="image" value=""/>
   <button type="submit">Save Photo</button>
</form>

我的Javascript看起来像这样。

$(document).ready(function(){
    $('#p_id').val("444666"); //set hidden input

    var croppedPhoto = $('#crop_stage').cropper('getCroppedCanvas');
    croppedPhoto.toBlob(function (blob) {
          $('#image').val(blob); //set blob to form hidden input
    }

});

我的问题是我无法提交此内容，因为blob没有保存到隐藏字段，而是它的值[object Blob]。

如何附加我的blob以便将其提交给服务器？

另请注意，我无法使用formData（）;因为我必须支持IE8 / IE9。

感谢您的帮助。