将图像从网络摄像头上传到服务器

时间:2016-09-08 08:41:23

标签: javascript c# html css

制作了一个网站,或试图,你可以用你的网络摄像头拍照,然后上传到服务器,但我发现了一个使用PHP的人的灵感,我想避免它尽可能多。所以我现在在我的.html上传的是图片:

 // Upload image to sever 
        document.getElementById("upload").addEventListener("click", function(){
            var dataUrl = canvas.toDataURL("images/", 0.85);
            $("#uploading").show();
            $.ajax({
              type: "POST",
              url: "html5-webcam-save.php",
              data: { 
                imgBase64: dataUrl,
                 //user: "Joe"                
              } 

然后引用(html5-webcam-save.php):

<?php

$rawData = $_POST['imgBase64'];
$filteredData = explode(',', $rawData);
$unencoded = base64_decode($filteredData[1]);

 $datime = date("Y-m-d-H.i.s", time() ) ; # - 3600*7

//$userid  = $_POST['userid'] ;

// name & save the image file 
$fp = fopen('images/'.$datime.'-'.$userid.'.jpg', 'w');
fwrite($fp, $unencoded);
fclose($fp);

所以我的问题,现在有人如何将其上传到服务器或只是&#34;图像&#34;站点根目录中的文件夹,无需PHP。

  • 老实说,我不想要PHP的原因是因为我根本无法让它在服务器端正常工作,而且当涉及到php时我失去了。那么可以使用例如C#/ Javascript吗?

1 个答案:

答案 0 :(得分:1)

&#34; ..无需PHP&#34;

你不能。您需要一种服务器端语言来接收来自原始http的数据,将其从base64文本转换回图像,然后将其写入光盘。它可能是PHP,c#,nodejs javascript,但总会有一个服务器端控制器处理所有这些。出于明显的安全原因,您无法从客户端javascript访问服务器文件系统。