国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 建站經驗 > 正文

PHP+Javascript實現在線拍照功能實例

2024-04-25 20:39:32
字體:
來源:轉載
供稿:網友

本文實例講述了PHP+Javascript實現在線拍照功能。分享給大家供大家參考。具體如下:

我們在一些WEB應用中可能會遇到這樣的情況,用戶需要自己現場拍照并上傳到會員系統。比如駕校采集指紋拍照流程、考試現場采集照片等。我們今天要講的是如何使用javascript和PHP實現一個簡單的在線拍照并上傳的功能。

實現這個功能的前提是你的電腦設備上需要安裝有攝像頭設備,以及你的瀏覽器需要支持flash

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Javascript+PHP實現在線拍照功能</title>

</head>

<body>

<div id="cam">

<!--調用攝像組件并顯示圖像-->

<input type=button value="點擊這里拍照" class="btn" onclick="take_snapshot()">

http://siteweb.com/sitemaps.xml

</div>

<div id="results">

<!--顯示上傳結果-->

</div>

</body>

</html>

在body中加入一個用于調用攝像組件的容器id#cam和一個顯示上傳信息的容器id#results。

Javascript

接下來調用攝像組件,我們先載入webcam.js,用于拍照和上傳的js庫。

代碼如下:

<script type="text/javascript" src="webcam.js"></script>

然后在容器id#cam中,加入以下代碼:

<script language="JavaScript">

webcam.set_api_url( 'action.php' );

webcam.set_quality( 90 ); // 圖像質量(1 - 100)

webcam.set_shutter_sound( true ); // 拍照時播放聲音

document.write( webcam.get_html(320, 240, 160,120) );

</script>

我們調用了webcam,其中webcam.set_api_url用來設置圖像上傳交互的php路徑,set_quality可設置圖像質量,set_shutter_sound設置聲音,get_html輸出攝像組件,參數即寬度、高度、上傳后寬度、上傳后高度。

當點擊按鈕拍照時,需要執行以下代碼:

<script language="JavaScript">

webcam.set_hook( 'onComplete', 'my_completion_handler' );

function take_snapshot() {

document.getElementById('results').innerHTML = '<h4>Uploading...</h4>';

webcam.snap();

}

function my_completion_handler(msg) {

if (msg.match(/(http/://///S+)/)) {

var image_url = RegExp.$1;

document.getElementById('results').innerHTML =

'<h4>Upload Successful!</h4>' +

'<img src="' + image_url + '">';

webcam.reset();

}

else alert("PHP Error: " + msg);

}

</script>

當執行拍照動作時,代碼與后臺php交互,如果上傳圖片完成后,則返回相應的信息。

PHP

action.php所做的就是將本地拍照的圖像上傳到服務器,并將圖片路徑返回給前端。注意存放圖片的路徑要給寫權限。

$filename = date('YmdHis') . '.jpg';

$result = file_put_contents( 'pics/'.$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']) . '/pics/' . $filename;

print "$url/n";

這里只是簡單的介紹了下在線拍照和上傳功能,其實深入應用場景如上傳后再裁剪,生成多張不同比例的圖像等等,大家自己去琢磨吧。

希望本文所述對大家的php程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 灵武市| 曲沃县| 明星| 凤台县| 云阳县| 从江县| 宜州市| 定南县| 太白县| 丘北县| 福泉市| 博乐市| 吉水县| 巫溪县| 上饶县| 随州市| 奎屯市| 威信县| 米脂县| 禹州市| 兴化市| 临江市| 武功县| 壶关县| 仁寿县| 商河县| 益阳市| 稷山县| 贵州省| 米林县| 北碚区| 都兰县| 镇沅| 固阳县| 泰兴市| 兴宁市| 许昌县| 关岭| 博爱县| 武威市| 乌拉特后旗|