MAGANG_TB_dan_PNP_2023/Aplikasi_Rekber
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perubahan gambar

Browse Source
This commit is contained in:
oktaviaramadani 2023-12-08 15:19:01 +07:00
parent f0588b77fe
commit 7034f1a669
4 changed files with 469 additions and 336 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

742
composer.lock generated
View File

File diff suppressed because it is too large Load Diff

6
public/assets/css/login_register/style.css
View File

@ -254,8 +254,10 @@ form p {
.btn-otp,
.btn-foto {
width: fit-content;
height: fit-content;
/* width: fit-content; */
width: 110px;
/* height: fit-content; */
height: 53px;
margin-left: 2%;
font-size: 0.7rem;
padding: 0.85rem 0.9rem;

45
public/assets/js/login_register/app.js
View File

@ -355,6 +355,51 @@ document.addEventListener("DOMContentLoaded", function () {
startButtonEkyc.style.display = "none";
}
});
//gambar untuk foto wajah
var uploadInput = document.getElementById('fotoEkyc');
var imageHolder = document.getElementById('imageHolderEkyc');
var gambarButton = document.getElementById('gambarEkyc');
gambarButton.addEventListener('click', function() {
uploadInput.click();
});
uploadInput.addEventListener('change', function(event) {
var file = event.target.files[0];
if (file) {
var reader = new FileReader();
reader.onload = function() {
imageHolder.src = reader.result; // Mengubah sumber gambar pada elemen img dengan ID imageHolderEkyc
};
reader.readAsDataURL(file); // Membaca file gambar sebagai URL data
}
});
//gambar foto ktp
var uploadInput = document.getElementById('fotoKtp');
var imageHolder = document.getElementById('imageHolderKtp');
var gambarButton = document.getElementById('gambarKtp');
gambarButton.addEventListener('click', function() {
uploadInput.click();
});
uploadInput.addEventListener('change', function(event) {
var file = event.target.files[0];
if (file) {
var reader = new FileReader();
reader.onload = function() {
imageHolder.src = reader.result; // Mengubah sumber gambar pada elemen img dengan ID imageHolderEkyc
};
reader.readAsDataURL(file); // Membaca file gambar sebagai URL data
}
});
});
/******************************************
* END KTP & E-KYC CAMERA

12
resources/views/index.blade.php
View File

@ -254,10 +254,12 @@
</div>
<video id="webcamKtp" autoplay playsinline></video>
<div id="foto-preview-ktp"></div>
<input type="hidden" id="fotoKtp" name="ktp" required>
<div style="display: flex; margin-top: 1rem">
<input type="file" id="fotoKtp" name="wajah" accept="image/*" required style="display: none">
<div style="display: flex; margin-top: 1rem; gap:10px">
<button type="button" class="btn-foto" id="startButtonKtp"
data-state="off">Mulai Kamera</button>
<button type="button" class="btn-foto" id="gambarKtp"
data-state="off">pilih Gambar</button>
<button type="button" class="btn-foto"
id="captureButtonKtp">Ambil Foto</button>
<button type="button" class="btn-foto"
@ -276,10 +278,12 @@
</div>
<video id="webcamEkyc" autoplay playsinline></video>
<div id="foto-preview-ekyc"></div>
<input type="hidden" id="fotoEkyc" name="wajah" required>
<div style="display: flex; margin-top: 1rem">
<input type="file" id="fotoEkyc" name="wajah" accept="image/*" required style="display: none">
<div style="display: flex; margin-top: 1rem gap: 10px">
<button type="button" class="btn-foto" id="startButtonEkyc"
data-state="off">Mulai Kamera</button>
<button type="button" class="btn-foto" id="gambarEkyc"
data-state="off">Pilih gambar</button>
<button type="button" class="btn-foto"
id="captureButtonEkyc">Ambil Foto</button>
<button type="button" class="btn-foto"