如何使用ajax将图像从一个文件发送到php中的另一个文件

Question

我有一个页面，注册客户可以上传他们的图像;我为该特定图像描述提供了文件输入字段和文本字段。当客户上传文件时，我会显示上传图像和数据的预览。之后，当用户点击提交按钮时，我通过ajax调用php脚本并获取文本字段值，但是我如何获得图像呢？

这是我的文件输入代码：

<input type="file" name="upload_image" id="upload_image" onchange="readURL(this);" >

这是我调用php脚本的ajax代码：

function generatePdf()
{
   $.ajax({
    url:      "pdfcert.php",
    type:     "POST",
    dataType: "json",
    data: {
      name:   $('#tag').val(),
      title:  $('#title').val(),
      body:   $('#cert_text').html(),
      issued: document.getElementById("sel1").value
    }
   }).done(function(data){
     alert(JSON.stringify(data));
   });
}