Response title
This is preview!
Move this topic
need help to delete a image
in Getting Started
•
10 years ago
help mi to delete a image
i have this code
..........
..........
'onComplete' : function(event, ID, fileObj, response, data) {
// here i'm gonna resize the images and display it in the main page
$.ajax({
url : base_url + 'uploadify/filemanipulation/' + fileObj.type +'/' + fileObj.name,
success : function(response){
var images = $('<li><a target="_blank" href="'+base_url+'uploads/'+fileObj.name+'"><img src="'+base_url + 'uploads/thumbs/' +fileObj.name+'" alt=""/></a><br /><button>Borrar</button></li>');
$(images).hide().insertBefore('#displayFiles').slideDown('slow')
}
})
}
});
$("button").click(function () {
$this("li").remove();
});
// here i'm gonna resize the images and display it in the main page
$.ajax({
url : base_url + 'uploadify/filemanipulation/' + fileObj.type +'/' + fileObj.name,
success : function(response){
var images = $('<li><a target="_blank" href="'+base_url+'uploads/'+fileObj.name+'"><img src="'+base_url + 'uploads/thumbs/' +fileObj.name+'" alt=""/></a><br /><button>Borrar</button></li>');
$(images).hide().insertBefore('#displayFiles').slideDown('slow')
}
})
}
});
$("button").click(function () {
$this("li").remove();
});
on press to button click delete all images and i want to delete only one image.
1
Replies(18)
Re: need help to delete a image
10 years ago
- 'onComplete': function (event, ID, fileObj, response, data) {
- // here i'm gonna resize the images and display it in the main page
- $.ajax({
- url: base_url + 'uploadify/filemanipulation/' + fileObj.type + '/' + fileObj.name,
- success: function (response) {
- var images = $('<li><a target="_blank" href="' + base_url + 'uploads/' + fileObj.name + '"><img src="' + base_url + 'uploads/thumbs/' + fileObj.name + '" alt=""/></a><br /><button>Borrar</button></li>');
- images.hide().insertBefore('#displayFiles').slideDown('slow').find('button').click(function(){
- images.remove()
- })
- }
- })
- }
JΛ̊KE
Leave a comment on jakecigar's reply
Re: need help to delete a image
10 years ago
Thanks Jake,
i have this code
$('button').live('click', function(e) {
e.preventDefault();
if(confirm('Are you sure you want to delete this file?'))
{
$(this).parent('li').remove();
}
});
e.preventDefault();
if(confirm('Are you sure you want to delete this file?'))
{
$(this).parent('li').remove();
}
});
it´s work... but how to delete the image from folder? with jQuery ..
y work with codeigniter and i have this function but nor work... missed fileObj
$('button').live('click', function(e) {
e.preventDefault();
if (confirm('Are you sure you want to delete this file?'))
{
alert(fileObj.name);
var link = $(this);
$.ajax({
url : './uploadify/delete_file/' + fileObj.type + '/' + fileObj.name,
dataType : 'json',
success : function (data)
{
if (data.status == "success")
{
link.parents('li').fadeOut('fast', function() {
$(this).remove();
if ($('#files li').length == 0)
{
$('#files').html('<p>No Files Uploaded</p>');
}
});
}
else
{
alert(data.msg);
}
}
});
}
});
e.preventDefault();
if (confirm('Are you sure you want to delete this file?'))
{
alert(fileObj.name);
var link = $(this);
$.ajax({
url : './uploadify/delete_file/' + fileObj.type + '/' + fileObj.name,
dataType : 'json',
success : function (data)
{
if (data.status == "success")
{
link.parents('li').fadeOut('fast', function() {
$(this).remove();
if ($('#files li').length == 0)
{
$('#files').html('<p>No Files Uploaded</p>');
}
});
}
else
{
alert(data.msg);
}
}
});
}
});
Please help.
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
This is my code
$(document).ready(function() {
var base_url = $('#hiddenBaseUrl').val();
var uploadfolder = $('#uploadfolder').val();
$('#file_upload').uploadify({
'uploader' : base_url + 'flash/uploadify/uploadify.swf',
'script' : base_url + 'uploadify/uploadifyUploader/',
'cancelImg' : base_url + 'css/uploadify/cancel.png',
'folder' : uploadfolder,
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Image Files',
'auto' : true,
'sizeLimit' : 204800, //200 kb
'multi' : false,
var base_url = $('#hiddenBaseUrl').val();
var uploadfolder = $('#uploadfolder').val();
$('#file_upload').uploadify({
'uploader' : base_url + 'flash/uploadify/uploadify.swf',
'script' : base_url + 'uploadify/uploadifyUploader/',
'cancelImg' : base_url + 'css/uploadify/cancel.png',
'folder' : uploadfolder,
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Image Files',
'auto' : true,
'sizeLimit' : 204800, //200 kb
'multi' : false,
'onComplete' : function(event, ID, fileObj, response, data) {
// here i'm gonna resize the images and display it in the main page
$.ajax({
url : base_url + 'uploadify/filemanipulation/' + fileObj.type +'/' + fileObj.name,
success : function(response){
var images = $('<li><a target="_blank" href="'+base_url+'uploads/'+fileObj.name+'"><img src="'+base_url + 'uploads/thumbs/' +fileObj.name+'" alt=""/></a><br /><button>Borrar</button></li>');
$(images).hide().insertBefore('#displayFiles').slideDown('slow')
}
})
}
});
//this is the funcion with delete the image .. but the image is deleted from browser not from folder
//how to delete from folder with jQuery if is possible ?
//how to delete from folder with jQuery if is possible ?
$('button').live('click', function(e) {
e.preventDefault();
if(confirm('Are you sure you want to delete this file?'))
{
$(this).parent('li').remove().fadeOut('slow');
}
});
e.preventDefault();
if(confirm('Are you sure you want to delete this file?'))
{
$(this).parent('li').remove().fadeOut('slow');
}
});
//.....
//and this is button2 like button
//i want to delete the image with codeigniter but i have an error ...
// fileObj" not defined
$('button2').live('click', function(e) {
e.preventDefault();
if (confirm('Are you sure you want to delete this file?'))
{
alert(fileObj.name);
var link = $(this);
$.ajax({
url : './uploadify/delete_file/' + fileObj.type + '/' + fileObj.name, // <- this fileObj
dataType : 'json',
success : function (data)
{
if (data.status == "success")
{
$(this).parent('li').remove().fadeOut('slow');
}
else
{
alert(data.msg);
}
}
});
}
});
//and this is the function on codeigniter
public function delete_file($extension, $filename)
{
unlink(base_url().'uploads/' . $filename.$extension);
unlink(base_url().'uploads/thumbs/' . $filename.$extension);
return true;
}
});
{
unlink(base_url().'uploads/' . $filename.$extension);
unlink(base_url().'uploads/thumbs/' . $filename.$extension);
return true;
}
});
the question is how to delete the image from folder with jQuery if is possible
if not how to pass the name (fileObj.name) and the extension (fileObj.type) to the function button2 if is possible
if not how to resolve this ..
Thank you
Re: Re: need help to delete a image
10 years ago
coding a live click makes the click code run without access to the fileObj. If you find the button, as I did, you will have access to fileObj.
Your click function can’t work. Add your new code to my click function.
JΛ̊KE
JΛ̊KE
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
Ok..
$(document).ready(function() {
var base_url = $('#hiddenBaseUrl').val();
var uploadfolder = $('#uploadfolder').val();
$('#file_upload').uploadify({
'uploader' : base_url + 'flash/uploadify/uploadify.swf',
'script' : base_url + 'uploadify/uploadifyUploader/',
'cancelImg' : base_url + 'css/uploadify/cancel.png',
'folder' : uploadfolder,
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Image Files',
'auto' : true,
'sizeLimit' : 204800, //200 kb
'multi' : false,
var base_url = $('#hiddenBaseUrl').val();
var uploadfolder = $('#uploadfolder').val();
$('#file_upload').uploadify({
'uploader' : base_url + 'flash/uploadify/uploadify.swf',
'script' : base_url + 'uploadify/uploadifyUploader/',
'cancelImg' : base_url + 'css/uploadify/cancel.png',
'folder' : uploadfolder,
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Image Files',
'auto' : true,
'sizeLimit' : 204800, //200 kb
'multi' : false,
'onComplete' : function(event, ID, fileObj, response, data) {
// here i'm gonna resize the images and display it in the main page
$.ajax({
url : base_url + 'uploadify/filemanipulation/' + fileObj.type +'/' + fileObj.name,
success : function(response){
var images = $('<li><a target="_blank" href="'+base_url+'uploads/'+fileObj.name+'"><img src="'+base_url + 'uploads/thumbs/' +fileObj.name+'" alt=""/></a><br /><button>Borrar</button></li>');
$(images).hide().insertBefore('#displayFiles').slideDown('slow').find
$('button').live('click', function(e) {
e.preventDefault();
if (confirm('Are you sure you want to delete this file?'))
{
//alert(fileObj.name);
$.ajax({
url : base_url + '/uploadify/delete_file/' + fileObj.type + '/' + fileObj.name,
dataType : 'json',
success : function (data)
{
if (data.status == "success")
{
images.remove().fadeOut('slow')
//$(this).parent('li').remove().fadeOut('slow')
}
else
{
alert('error');
}
}
});
}
});
}
})
}
});
});
don´t work for this fileObj.name
need help
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
This is work
$(document).ready(function() {
var base_url = $('#hiddenBaseUrl').val();
var uploadfolder = $('#uploadfolder').val();
$('#file_upload').uploadify({
'uploader' : base_url + 'flash/uploadify/uploadify.swf',
'script' : base_url + 'uploadify/uploadifyUploader/',
'cancelImg' : base_url + 'css/uploadify/cancel.png',
'folder' : uploadfolder,
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Image Files',
'auto' : true,
'sizeLimit' : 204800, //200 kb
'multi' : false,
var base_url = $('#hiddenBaseUrl').val();
var uploadfolder = $('#uploadfolder').val();
$('#file_upload').uploadify({
'uploader' : base_url + 'flash/uploadify/uploadify.swf',
'script' : base_url + 'uploadify/uploadifyUploader/',
'cancelImg' : base_url + 'css/uploadify/cancel.png',
'folder' : uploadfolder,
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Image Files',
'auto' : true,
'sizeLimit' : 204800, //200 kb
'multi' : false,
'onComplete' : function(event, ID, fileObj, response, data) {
// here i'm gonna resize the images and display it in the main page
$.ajax({
url : base_url + 'uploadify/filemanipulation/' + fileObj.type +'/' + fileObj.name,
success : function(response){
var images = $('<li><a target="_blank" href="'+base_url+'uploads/'+fileObj.name+'"><img src="'+base_url + 'uploads/thumbs/' +fileObj.name+'" alt=""/></a><br /><button>Borrar</button></li>');
$(images).hide().insertBefore('#displayFiles').slideDown('slow').find
('button').click(function(){
images.remove().fadeOut('slow')
$.ajax({
url : base_url + '/uploadify/delete_file/' + fileObj.name,
success : function (response)
{
//images.remove().fadeOut('slow')
//$(this).parent('li').remove().fadeOut('slow')
}
});
});
}
})
}
});
is work but if i put the images.remove() in de succes: function(response) is delete all files in the browser and correct (1)file in the folder
how tu put this images.remove() in de succes function ?
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
- $(function () {
- var base_url = $('#hiddenBaseUrl').val();
- var uploadfolder = $('#uploadfolder').val();
- $('#file_upload').uploadify({
- 'uploader': base_url + 'flash/uploadify/uploadify.swf',
- 'script': base_url + 'uploadify/uploadifyUploader/',
- 'cancelImg': base_url + 'css/uploadify/cancel.png',
- 'folder': uploadfolder,
- 'fileExt': '*.jpg;*.gif;*.png',
- 'fileDesc': 'Image Files',
- 'auto': true,
- 'sizeLimit': 204800,
- //200 kb
- 'multi': false,
- 'onComplete': function (event, ID, fileObj, response, data) {
- // here i'm gonna resize the images and display it in the main page
- $.ajax({
- url: base_url + 'uploadify/filemanipulation/' + fileObj.type + '/' + fileObj.name,
- success: function (response) {
- var li = $('<li><a target="_blank" href="' + base_url + 'uploads/' + fileObj.name +
- '"><img src="' + base_url + 'uploads/thumbs/' + fileObj.name +
- '" alt=""/></a><br /><button>Borrar</button></li>');
- li.hide().insertBefore('#displayFiles').slideDown('slow').find('button').click(function () {
- li.fadeOut('slow')
- $.ajax({
- url: base_url + '/uploadify/delete_file/' + fileObj.name,
- success: function (response) {
- li.remove()
- }
- });
- });
- }
- })
- }
- });
- })
JΛ̊KE
Leave a comment on jakecigar's reply
Re: need help to delete a image
10 years ago
Hi Jake,
i have the same problem, when i delete 1 image .... in the browser disappears all images(bad) and in the folder delete 1 image(good)
Thanks.
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
I don’t see how it could be happening with just that code. Add some debugging lines of code using console.log.
Do you have a live link where I could see this happen?
JΛ̊KE
JΛ̊KE
Leave a comment on jakecigar's reply
Re: need help to delete a image
10 years ago
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
The innocent button is not so innocent when inside a form. Inside a form the default type for a button, which is "submit", really makes a difference. It’s not deleting all the thumb lines, it’s submitting the form!
JΛ̊KE
Since it gave us so much trouble, I suggest killing the button 2 ways.
- $(function () {
- var base_url = $('#hiddenBaseUrl').val();
- var uploadfolder = $('#uploadfolder').val();
- $('#file_upload').uploadify({
- 'uploader': base_url + 'flash/uploadify/uploadify.swf',
- 'script': base_url + 'uploadify/uploadifyUploader/',
- 'cancelImg': base_url + 'css/uploadify/cancel.png',
- 'folder': uploadfolder,
- 'fileExt': '*.jpg;*.gif;*.png',
- 'fileDesc': 'Image Files',
- 'auto': true,
- 'sizeLimit': 204800,
- //200 kb
- 'multi': false,
- 'onComplete': function (event, ID, fileObj, response, data) {
- // here i'm gonna resize the images and display it in the main page
- $.ajax({
- url: base_url + 'uploadify/filemanipulation/' + fileObj.type + '/' + fileObj.name,
- success: function (response) {
- var li = $('<li><a target="_blank" href="' + base_url + 'uploads/' + fileObj.name +
- '"><img src="' + base_url + 'uploads/thumbs/' + fileObj.name +
- '" alt=""/></a><br /><button type="button">Borrar</button></li>');
- li.hide().insertBefore('#displayFiles').slideDown('slow').find('button').click(function () {
- li.fadeOut('slow')
- $.ajax({
- url: base_url + '/uploadify/delete_file/' + fileObj.name,
- success: function (response) {
- li.remove()
- }
- });
- return false
- });
- }
- })
- }
- });
- })
JΛ̊KE
Leave a comment on jakecigar's reply
Leave a comment on amic's reply
Re: how to put a limit for upload
10 years ago
Hi,
How to put a limit for upload images.
For example when i have 5 images, the button select file dissapears.
Thanks.
How to put a limit for upload images.
For example when i have 5 images, the button select file dissapears.
Thanks.
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
Documentation - Uploadify
JΛ̊KE
Perhaps you could cobble together some kluge with queueSizeLimit & onSelect
JΛ̊KE
Leave a comment on jakecigar's reply
Re: need help to delete a image
10 years ago
Hi Jake,
The queueSizeLimit options allows you to set the maximum number of files that can exist in the queue at one time. If the user tries to add more the the maximum limit, the onQueueFull function is triggered. The multi option should be used in conjunction with this option.
Not work.
Thanks.
Leave a comment on amic's reply
Re: need help to delete a image
10 years ago
onselect could hide the button after the fifth callback.
JΛ̊KE
JΛ̊KE
Leave a comment on jakecigar's reply
ok Jake
10 years ago
the jQuery...
jQuery.noConflict()(function () {
var count = 0;
var limit = 5;
var base_url = jQuery('#hiddenBaseUrl').val();
var uploadfolder = jQuery('#uploadfolder').val();
jQuery('#file_upload').uploadify({
'uploader': base_url + 'flash/uploadify/uploadify.swf',
'script': base_url + 'uploadify/uploadifyUploader/',
'cancelImg': base_url + 'css/uploadify/cancel.png',
'folder': uploadfolder,
'fileExt': '*.jpg;*.gif;*.png',
'fileDesc': 'Image Files',
'auto': true,
'sizeLimit': 204800, //200 kb
'multi': false,
'buttonText' : 'AGREGAR FOTO',
'onComplete': function (event, ID, fileObj, response, data) {
// here i'm gonna resize the images and display it in the main page
jQuery.ajax({
url: base_url + 'uploadify/filemanipulation/' + fileObj.type + '/' + fileObj.name,
success: function (response) {
var li = jQuery('<li><img src="' + base_url + 'uploads/thumbs/' + fileObj.name +
'" alt=""/><br /><div class="delete_image_upload">Eliminar</div></li>');
li.hide().insertBefore('#displayFiles').slideDown('slow').find('.delete_image_upload').click(function () {
li.fadeOut('slow')
count-=1;
if(count<limit) { jQuery('.well').show(); }
jQuery.ajax({
url: base_url + 'uploadify/delete_file/' + fileObj.name,
success: function (response) {
li.remove()
}
});
return false
});
}
})
count+=1;
if(count>=limit) { jQuery('.well').hide(); }
}
});
})
and the form...
<div class="well" style="padding: 14px 19px;">
<input id="file_upload" name="file_upload" type="file" />
<input type="hidden" value="<?=base_url()?>" id="hiddenBaseUrl"/>
<input type="hidden" value="<?='./uploads/'?>" id="uploadfolder"/>
<!-- <a href="javascript:$('#file_upload').uploadifyUpload();" class="btn large primary">Upload Files</a> -->
</div>
<div id="displayFiles"></div>
Thanks.
Leave a comment on amic's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to amic's question
{"z18724072":[14737000003260041,14737000003260064,14737000003260076,14737000003260086,14737000003260092,14737000003260126,14737000003260264,14737000003262021,14737000003264547,14737000003264615,14737000003272011],"z2950240":[14737000003260052,14737000003260068,14737000003260082,14737000003260112,14737000003260134,14737000003259433,14737000003264579,14737000003264619]}