php - 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);