anglejsを使ってサーバーに画像をアップロードするには？

Question

私は初めてangularjsに取り組んでいます。それについて多くの知識がありません。 私は、特定のDIVをPDFとしてダウンロードしアップロードする必要があるモジュールで作業しています。 DIVをイメージとしてダウンロードできますが、サーバーにアップロードする方法はわかりません。以下は私のコードです。角度とPHPスクリプトの両方のために。

$scope.createPdf = function() { 
    html2canvas(document.getElementById('exportthis'), { 
     onrendered: function (canvas) { 
      var data = canvas.toDataURL('image/png'); 
      var docDefinition = { 
       content: [{image: data,width: 500}] 
      }; 
      pdfMake.createPdf(docDefinition).download("offerLetter.pdf"); 
     } 
    }); 

    $.ajax({ 
     type: "POST", 
     url: "demo_angularjs.php", 
     data: { 
      imgBase64: toDataURL 
     } 
    }).done(function() { 
     console.log('saved'); 
    }); 
}; 

<?php 
define('UPLOAD_DIR', 'uploads/'); 
$img = $_POST['exportthis']; 
$img = str_replace('data:image/png;base64,', '', $img); 
$img = str_replace(' ', '+', $img); 
$data = base64_decode($img); 
$file = UPLOAD_DIR . uniqid() . '.png'; 
$success = file_put_contents($file, $data); 
print $success ? $file : 'Unable to save the file.'; 
?> 

Answer 1

ここでチェックアウトUpload Image to Server