图像到数据uri转换

Question

我编写了一个可以在IMG标签中预览Imgae的Javascript。现在我想要这个图像的数据uri格式，以便我可以使用mPDF显示它。

以下是php文件中的IMG ID标记

<div class="logo_prev">
                            <img id="img_prev"  alt="Your logo" class="img-thumbnail invoice-logo img-responsive"/>
                        </div>
                        <br>
                        <input type='file' onchange="logoImg(this);" name="invoice_logo" class="select-logo" data-validation="mime size" data-validation-allowing="jpg, png, gif" data-validation-max-size="2M" data-validation-error-msg="Only jpg, gif or png are allowed (Max 2mb)" />

Javascript代码

function logoImg(input) {
  if (input.files && input.files[0]) {
  var reader = new FileReader();

  reader.onload = function (e) {
    $('#img_prev')
    .attr('src', e.target.result);
  };

  reader.readAsDataURL(input.files[0]);
}

我编写了如下代码：

$image = $_POST['img_prev'];

$imageData = base64_encode(file_get_contents($image));

$src = 'data: '.mime_content_type($image).';base64,'.$imageData;

现在我想访问PHP文件中的这个$src变量。但它在这个变量中没有显示任何内容。