hiii friends…
am very tried to execute this code...am getting preview and delete method also.... but in delete function i don't know how to get the image name...
```php
<div class="row float">
<div style="">
<!--<input type ="file" name="UserDetails[image][]" id="UserDetails_image" multiple />-->
<?php echo $form->fileField($model ,'image',array(
'autocomplete'=>'off',
'multiple'=>'multiple',
'name'=>'image[]',
'onchange'=>'previewGallery(this.id)'
));
?>
</div>
</div>
<div id="list"></div>
<div id="error"></div>
<div id="maximage"></div>
script code…
function previewGallery(id) {
var files = document.getElementById(id).files; //id will be assigned into variable.
for(var i=0;i<files.length;i++){
var del = files[i].name;
var image = files[i].name.split('.');
if(image != null || image != ''){
if((image[1] != "jpg") && (image[1] != "JPG") &&
(image[1] != "png") && (image[1] != "PNG") &&
(image[1] != "jpeg") && (image[1] != "JPEG")){
$("#error").html('Wrong image format');
$("#upload").attr('disabled',true);
return false;
}
else
$('#upload').attr('disabled',false);
}
for(var i=0,f; f=files[i]; i++){
if(!f.type.match('image.*')){
continue;
}
var reader = new FileReader();
reader.onload = (function(theFile){
return function(e){
var span = document.createElement('span');
span.innerHTML = ['<img style="width:150px;height:150px;" id="previewimg" src="',e.target.result,'"title="',escape(theFile.name),'" onclick="deleteimg(this);"> '].join('');
document.getElementById("list").insertBefore(span, null);
}
})(f);
reader.readAsDataURL(f);
}
}
}
/***************************************************************************************************************************/
function deleteimg(img){
if (confirm('Are you sure to delete ?')) {
$(img).parent().remove(); //remove the selected image
}
}
/****************************************************************************************************************************/
plz help me frdz...