如何使用toDataURL（）从画布上传Yii中的图像

Question

我应该如何从canvas获取图像到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？

简化：如何将网址图片转换为CUploadedFile？

Answer 1

没有像经典文件上传一样使用$_FILES，如果$_POST['photoData']中的数据只使用file_put_contents（首先解码，请参阅脚注）：

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

有关解码，请参阅PHP Data-URI to file