使用jQuery + PHP上传DnD图像

Question

我正在尝试为图片设置一个拖放上传系统，我不知道如何使用PHP将数据写入文件。

目前，我正在使用FileReader.readAsDataURL()检索上传图片的数据URI，并将其存储在var data中。

var base64_start = data.indexOf(',') + 1;
$.ajax({
    type : 'POST',
    url : 'save_image.php',
    ...
    data : data.substring(base64_start)
});

内部save_image.php：

foreach($_POST as $key => $val) {
    $file = $key; 
    break;  
}

$binary = base64_decode($file);
$fh = fopen('images/test.png', 'w');
fwrite($fh, $binary);

我尝试下载test.png，并说图片已损坏。

我也尝试过使用imagecreatefromstring()：

$binary = base64_decode($file);
$img = imagecreatefromstring($binary);