Javascript 使用jquery ajax在同一请求中上载文件和JSON数据？

我需要上传图像文件到画布。假设画布已经有了对象，那么我必须首先获取json，上传图像，然后重新加载页面。问题是，我不能在同一个ajax请求中发送上传的图像文件和json数据。这是我的密码：

<canvas id="canvas"></canvas>
<form enctype="multipart/form-data" id="myform" method="post" action="">
<input type="file" name="image" id="image" />
... (other input tags)
<button type="submit" id="upload">Upload</button>
</form>

$('#upload').bind("click",function(event) {
    event.preventDefault();
    var json = JSON.stringify(canvas.toDatalessObject());
    var url = "upload.php";
    var data = new FormData($('#myform')[0]);
    var dataString = JSON.stringify(data.serializeObject());
    $.post(url, { json: json, data: dataString }, 'json');  
});

... （其他输入标签）
上传
$（'#upload'）。绑定（“单击”，函数（事件）{
event.preventDefault（）；
var json=json.stringify（canvas.toDatalessObject（））；
var url=“upload.php”；
var数据=新表单数据（$（'#myform'）[0]）；
var dataString=JSON.stringify（data.serializeObject（））；
$.post（url，{json:json，data:dataString}，'json'）；
});

虽然我可以很好地获取json数据，但是表单数据是空的。还有其他更好的解决方案吗？

删除

var dataString = JSON.stringify(data.serializeObject());

，它已经是Json了

并尝试设置ajax属性：

    processData: false,
    contentType: false,