如何使用angularjs将图像上传到服务器？

问题描述：

我正在第一次使用angularjs。没有太多的知识。我正在使用模块，我必须下载并上传PDF格式的特定DIV。我能够将DIV作为图像下载，但不知道如何将其上传到服务器。下面是我的代码。对于角度和PHP脚本都是。如何使用angularjs将图像上传到服务器？

$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.'; 
?>

我建议有一看[NG-文件上传（https://github.com/danialfarid/angular-file-upload） –

我需要上传DIV作为PDF onclick按钮我不想上传文件@GangadharJannu –

最后，无论如何这是一个二进制文件。所以你可以发送它像任何其他文件 –

答

这里结帐Upload Image to Server

如何使用angularjs将图像上传到服务器？

相关推荐