Javascript 使用form方法将隐藏的输入值设置为要子提交的blob

我正在尝试提交一个表单，其中一个隐藏的输入标记后面附加了一个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>

我的问题是我无法提交这个，因为blob没有保存到隐藏字段，而是值[object blob]

如何附加blob以便将其提交到服务器

另外请注意，我不能使用formData（）；因为我必须支持IE8/IE9

---

感谢您的帮助。

请使用代码片段提供一个工作示例，或者确保此处没有太多工作示例，因为这就是问题的原因。您应该查看控制台。你有几个错误。@BaconJuice我也有同样的问题。你能解决这个问题吗？有了这个，应该可以解决了。然而，这是一种黑客行为，可能不会在所有当前浏览器中都起作用。

$(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
    }

});