2011-07-04 8 views
2

jquery webcamプラグインを使用してウェブカメラからキャプチャした画像を保存するのに苦労しています。 ここにコードがあります。jQuery webcam plugin - saving image

$(document).ready(function(){ 
    $("#camera").webcam({ 
     width: 320, 
     height: 240, 
     mode: "save", 
     swffile: "jscam.swf", 
    }); 

    }); 

私は '保存'モードを使用しています。 upload.php部のボディ部で..

<div id="camera"></div> 
<a href="javascript:webcam.save('upload.php');void(0);">capture</a> 

..

$str = file_get_contents("php://input"); 
file_put_contents("upload.jpg", pack("H*", $str)); 

私はまた、コールバックモードはまだdoesntの仕事を試してみました。 [更新]

は最終的にそれが働いてしまったブログ自体が不十分な例

http://www.xarg.org/project/jquery-webcam-plugin/

を持っているようです!私は画像をキャプチャすることができます。私は、ページのソースコードを掘って、私のコード上のonloadイベントリスナーを追加しました:D

は今、私の唯一の問題は、画像を保存する方法をです。ブログは明確にどのように指定していない。それだけで正直、私は彼が与えたPHPコードとは異なり、それをどうするのか分からないされてコード

webcam.save('/upload.php'); 

を与えました。私はにリンクを入れてください?またはonCaptureの部分を編集する

+0

から、基本的なアップロードスクリプトですか?それは、PHPコードにうまくやっているのですか、またはPHPファイルがデータをどのように取得しているかといったエラーが発生していますか? –

+0

'javascript:webcam.capture(); changeFilter(); void(0);'保存しようとしています...リンクを見てください '即座に写真を撮る' – Val

+0

何も表示されません。 @valキャプチャ()関数、私はそれがコールバックモードでのみ使用可能だと思う。私は私がセーブモードを使用していると言ったように。あとで試してみてください:) – kapitanluffy

答えて

3

あなたはここに少しPHPを実行する必要があるとしては失敗している部分JPEGCamプロジェクト

<?php 

/* JPEGCam Test Script */ 
/* Receives JPEG webcam submission and saves to local file. */ 
/* Make sure your directory has permission to write files as your web server user! */ 

$filename = date('YmdHis') . '.jpg'; 
$result = file_put_contents('/path/to/file/store/or/site/' . $filename, 
     file_get_contents('php://input')); 
if (!$result) { 
    print "ERROR: Failed to write data to $filename, check permissions\n"; 
    exit(); 
} 

$url = 'http://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['REQUEST_URI']) . '/' 
    . $filename; 
print "$url\n"; 

?> 
+0

現在別のプロジェクトにありますが、これは動作しているはずです:)早く試してみること – kapitanluffy

+0

なぜ壊れたイメージが表示されるのですか? – jpganz18