sampanna/BBnepal-Accounts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

imageupload

Browse Source
This commit is contained in:
Sampanna Rimal
2024-07-16 17:52:18 +05:45
parent de0b041520
commit 7d973eeed5
3 changed files with 44 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
account/application/views/accounts/accountheads/details.php
View File

@ -60,7 +60,7 @@
<div class="col-2">
<div class="text-center">
<img class="profile-user-img img-fluid " src="../../dist/img/user4-128x128.jpg" alt="User profile picture">
<img class="profile-user-img img-fluid " src="<?php echo isset($Account->account_image) && $Account->account_image ? base_url('uploads/' . $Account->account_image) : base_url('/dist/img/user4-128x128.jpg'); ?>" alt="User profile picture">
</div>
</div>
<div class="col">

39
account/application/views/accounts/accountheads/edit.php
View File

@ -20,15 +20,15 @@
</div>
<div class="col-2">
<div class="form-group">
<label for="exampleInputFile">Upload Image</label>
<div class="input-group">
<div class="custom-file">
<input type="file" class="custom-file-input" id="exampleInputFile">
<label class="custom-file-label" for="exampleInputFile">Choose file</label>
</div>
</div>
</div>
<label for="exampleInputFile">Upload Image</label>
<div class="input-group">
<div class="custom-file">
<input type="file" class="custom-file-input" id="exampleInputFile" name="account_image" value="<?php echo $TableData->account_image; ?>" onchange="previewImage(event)">
<label class="custom-file-label" for="exampleInputFile">Choose file</label>
</div>
</div>
</div>
</div>
<div class="col-7">
@ -66,6 +66,14 @@
</select>
</div>
</div>
<!--image display-->
<div class="col-2">
<img id="imagePreview" class="profile-user-img img-fluid " src="<?php echo isset($TableData->account_image) && $TableData->account_image ? base_url('uploads/' . $TableData->account_image) : base_url('/dist/img/user4-128x128.jpg'); ?>" alt="Account Image" >
</div>
<!--image display end-->
<!--COL END-->
</div>
<div class="row">
@ -154,4 +162,15 @@
</div>
</div>
</div>
</div>
</div>
<script>
function previewImage(event) {
var reader = new FileReader();
reader.onload = function() {
var output = document.getElementById('imagePreview');
output.src = reader.result;
}
reader.readAsDataURL(event.target.files[0]);
}
</script>