~ K A L I ~
UNAME : Linux web63.extendcp.co.uk 4.18.0-553.56.1.el8_10.x86_64 #1 SMP Tue Jun 10 05:00:59 EDT 2025 x86_64SERVER IP : 10.0.187.63 -________-
CLIENT IP : 216.73.216.210 MINI SHELL D ZAB '
Current File : /home/sites/blackstoneaccountants.co.uk/public_html/admin/js/image-preview.js |
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('.single-image .image-holder').html('<img src="" id="single-preview"><span class="fa fa-times-circle remove-image single-remove-image "></span>');
$('#single-preview').attr('src', e.target.result);
$('#single-preview').css({'opacity':'.5'});
setTimeout(function(){
$('#single-preview').css({'opacity':'1'});
},1000);
}
reader.readAsDataURL(input.files[0]);
}
else{
$('.single-image .image-holder').html('<i class="fa fa-picture-o"></i>');
}
}
function readURL1(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('.imag-holder-wrapper.multiple').prepend('<div class="col-lg-4 multiple-image"><label for="imgInp1" class="d-block"><div class="image-holder"><i class="fa fa-picture-o"></i></div><input type="file" class="form-control imgInp1" name="images[]" id="imgInp1" accept="image/*"></label></div>');
$('.imag-holder-wrapper.multiple .multiple-image').eq(1).find('.image-holder').html('<img src='+event.target.result+'><span class="fa fa-times-circle remove-image multiple-remove-image"></span>');
$('#multiple-preview').css({'opacity':'.5'});
setTimeout(function(){
$('#multiple-preview').css({'opacity':'1'});
},1000);
}
reader.readAsDataURL(input.files[0]);
}
else{
$('.single-image .image-holder').html('<i class="fa fa-picture-o"></i>');
}
}
$("#imgInp").change(function() {
readURL(this);
});
$(document).on('change', '#imgInp1', function(){
readURL1(this);
});
$(document).on('click', '.single-remove-image', function(){
$('.single-image .image-holder').html('<i class="fa fa-picture-o"></i>');
$('#imgInp').val("");
});
$(document).on('click', '.multiple-remove-image', function(){
$(this).parents('.multiple-image').prev().find('input').val("");
$(this).parents('.multiple-image').remove();
});
Coded by KALI :v Greetz to DR HARD ../ kali.zbi@hotmail.com