html - 如何使用 toDataURL() 从画布上传 Yii 中的图像

Question

我应该如何从画布获取图像到 CUploadedFile::getInstance？或者有什么方法可以在 Yii 中保存画布中的图像？

我有这个：

  var canvas=document.getElementById("photoCanvas");
  photoData=canvas.toDataURL();

我正在使用 Ajax 将 photoData 获取到 php，我也知道如何保存它，因为它已加载到 CUploadedFile::getInstance

  $uploadedFile->saveAs(Yii::app()->basePath.'/../images/'.$fileName);

但是这两个代码之间应该是什么？我应该如何将 $_POST['photoData'] 保存到 $uploadedFile？

简化：如何将 url 图像获取到 CUploadedFile？

Answer 1

如果您只是简单地使用该数据（首先解码，请参阅脚注），它不会$_FILES像经典文件上传那样使用：$_POST['photoData']file_put_contents

file_put_contents(Yii::app()->basePath.'/../images/'.$fileName, $_POST['photoData']);

解码见PHP Data-URI to file