Merhaba arkadaşlar, Sizden bir yardım isticem. Sorunum şu şekilde benim.
Siteye bir tane resim gönder alanı yapmak istiyorum. webcamjs uygulamasıyla yaptım ama ben çoklu resim çekmek istiyorum. Bir saati aşkın uraşıyorum, Js değişkenlerini değiştirdim vs. Ama olmadı. Tam olarak yapmak istediğim şu. 4 tane kutuçuk var bu kutucuğun ilki camera için yani resim çekerken kendini gördüğün alan. Diğer 3 kutuyada 3 çer buton koydum resim çek le alakalı her kutudaki butonlara bastığında resim çekicek ve çekilen resim her kutucuğun içinde olacak. Şimdi resim çek butonu çalışıyor resmi çekiyor ve kutucuğa koyuyor ama 2 ci kutucuğa koyduğum butonda resim çek dediğimde ilk kutucuktaki resmi kaldırıyor. Kodlar aşağıda yardım için teşekkürler şimdide.
Kutu 1
Kutu 2
Cevaplarınızı bekliyorum...
Siteye bir tane resim gönder alanı yapmak istiyorum. webcamjs uygulamasıyla yaptım ama ben çoklu resim çekmek istiyorum. Bir saati aşkın uraşıyorum, Js değişkenlerini değiştirdim vs. Ama olmadı. Tam olarak yapmak istediğim şu. 4 tane kutuçuk var bu kutucuğun ilki camera için yani resim çekerken kendini gördüğün alan. Diğer 3 kutuyada 3 çer buton koydum resim çek le alakalı her kutudaki butonlara bastığında resim çekicek ve çekilen resim her kutucuğun içinde olacak. Şimdi resim çek butonu çalışıyor resmi çekiyor ve kutucuğa koyuyor ama 2 ci kutucuğa koyduğum butonda resim çek dediğimde ilk kutucuktaki resmi kaldırıyor. Kodlar aşağıda yardım için teşekkürler şimdide.
Kod:
<script language="JavaScript">
webcam.set_api_url( 'webcam/test.php' );
webcam.set_quality( 90 ); // JPEG quality (1 - 100)
webcam.set_shutter_sound( true ); // play shutter click sound
</script>
Kod:
<script language="JavaScript">
document.write( webcam.get_html(350, 270) );
</script>
Kod:
<script language="JavaScript">
webcam.set_hook( 'onComplete', 'my_completion_handler' );
function take_snapshot() {
// take snapshot and upload to server
document.getElementById('upload_results').innerHTML = '';
webcam.snap();
}
function my_completion_handler(msg) {
// extract URL out of PHP output
if (msg.match(/(http\:\/\/\S+)/)) {
var image_url = RegExp.$1;
// show JPEG image in page
document.getElementById('upload_results').innerHTML =
'<h3><input type="hidden" name="resim" value="' + image_url + '"/>' +
'<img class="attachment-portfolio-two-column wp-post-image" style="height:270px" src="' + image_url + '">';
// reset camera for another shot
webcam.reset();
}
else alert("PHP Error: " + msg);
}
</script>
Kutu 1
HTML:
<div class="col-md-6 col-lg-6 col-xs-12">
<div class="vc_btn3-container vc_btn3-inline">
<aonClick="take_snapshot()"href="#" title="" target="_self">ÖNDEN ÇEK</a>
</div>
<div id="upload_results"></div>
/div>
Kutu 2
HTML:
<div class="col-md-6 col-lg-6 col-xs-12">
<div class="vc_btn3-container vc_btn3-inline">
<aonClick="take_snapshot()"href="#" title="" target="_self">ÖNDEN ÇEK</a>
</div>
<div id="upload_results"></div>
/div>
Cevaplarınızı bekliyorum...