|
|
|
สอบถามเรื่อง การดึงรูปที่แปลงเป็น Base64 เพื่อนำไปบันทึกลง Database ครับ |
|
|
|
|
|
|
|
นี้คือ Code ที่ผมใช้เรียกกล้องขึ้นมาและ Capture รูปโดยแปลงเป็น Base64 ในทันที แต่ผมพยายามเรียกหาดึงเอารูปภาพที่แสดงไปบันทึกลง Database อีกที ยังหา Code ไม่ได้เลยครับ รบกวนผู้รู้แนะนำทีครับ
Camera
<center>
<h2>Picture</h2>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="webcam-container size360x240">
<div id="webcam" class="size360x240"></div>
</td>
</tr>
<tr>
<td class="webcam-text">
<div>
<select id="popup-webcam-cams"></select>
</div>
<div>
<input
id="popup-webcam-take-photo"
type="button"
disabled="disabled"
value="Take a photo"
style="display:none" />
</div>
<p class="webcam-error"></p>
</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
$("#webcam").webcam({
swffile: "sAS3Cam.swf?v="+Math.random(),
previewWidth: 360,
previewHeight: 240,
resolutionWidth: 360,
resolutionHeight: 240,
StageScaleMode: 'noScale', //
StageAlign: 'TL',
noCameraFound: function () {
this.debug('error', 'Web camera is not available');
},
swfApiFail: function(e) {
this.debug('error', 'Internal camera plugin error');
},
cameraDisabled: function () {
this.debug('error', 'Please allow access to your camera');
},
debug: function(type, string) {
if (type == 'error') {
$(".webcam-error").html(string);
} else {
$(".webcam-error").html('');
}
},
cameraEnabled: function () {
this.debug('notice', 'Camera enabled');
var cameraApi = this;
if (cameraApi.isCameraEnabled) {
return;
} else {
cameraApi.isCameraEnabled = true;
}
var cams = cameraApi.getCameraList();
for(var i in cams) {
$("#popup-webcam-cams").append("<option value='"+i+"'>" + cams[i] + "</option>");
}
setTimeout(function() {
$("#popup-webcam-take-photo").removeAttr('disabled');
$("#popup-webcam-take-photo").show();
cameraApi.setCamera('0');
}, 750);
$("#popup-webcam-cams").change(function() {
var success = cameraApi.setCamera($(this).val());
if (!success) {
cameraApi.debug('error', 'Unable to select camera');
} else {
cameraApi.debug('notice', 'Camera changed');
}
});
$('#popup-webcam-take-photo').click(function() {
var result = cameraApi.save();
if (result && result.length) {
var actualShotResolution = cameraApi.getResolution();
var img = new Image();
img.src = 'data:image/jpeg;base64,' + result;
$("#result").append(img);
alert('base64encoded jpeg (' + actualShotResolution[0] + 'x' + actualShotResolution[1] + '): ' + result.length + 'chars');
/* resume camera capture */
cameraApi.setCamera($("#popup-webcam-cams").val());
} else {
cameraApi.debug('error', 'Broken camera');
}
});
var reload = function() {
$('#popup-webcam-take-photo').show();
};
$('#popup-webcam-save').click(function() {
reload();
});
}
});
});
</script>
<div id="result"></div>
</center>
Tag : PHP, HTML/CSS, JavaScript
|
|
|
|
|
|
Date :
2014-05-23 16:38:31 |
By :
MaliNo |
View :
1351 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ดันๆๆ
|
|
|
|
|
Date :
2014-05-24 15:26:48 |
By :
MaliNo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ดันๆๆๆ
|
|
|
|
|
Date :
2014-05-25 14:55:15 |
By :
MaliNo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รบกวนผู้รู้ทีน่ะครับ
|
|
|
|
|
Date :
2014-05-28 20:48:51 |
By :
MaliNo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|