Приложих плъзгане и пускане на Fileupload в jquery php, използвайки публикуване на ajax.
Използвам таг html входен файл с id upload_btn
и div с id total
за плъзгане и пускане на файловете.
За да премахнете бутона за разглеждане на екрана и да използвате div (total
) като файл за разглеждане. добавих тези два реда в горната част на $(document).ready(function() {
document.getElementById('total').addEventListener('click',function(){
document.getElementById('fileToUpload').click();
След като пуснете избраните файлове в div(total
), изброявайки всички файлове тук. Ако някой от избраните файлове надвишава максималния размер на файла, показвам бутон за изтриване за всеки файл, за да премахнете файла от списъка. Но след като щракнете върху изтриване, избраният файл се премахва успешно, но тъй като написах гореспоменатите две твърдения отново, събитието за разглеждане се извиква. Как мога да деактивирам разглеждането тук в тази ситуация.
Показване на всички файлове в div таг с id total
, както следва:
$(upfiles).each(function(index, file)
{
if(total_size > limit) // size limit comparision
display_removebutton = "<img width='20px' style='cursor:pointer;' height='20px' class='class_remove' id='remove_"+int_loop+"' src='images/DeleteRed.png' />"
size = Math.round( file.size / 1024 );
if(size > 1024)
size_display = Math.round(size / 1024 * 100)/100 + ' mb'; // converted to mb
else
size_display = size + ' kb';
if(size > limit)
{
style_limitexceed = "style='background:#FFCCCC;border-radius:17px;height:30px;margin-top:6px;'";
}
else
{
style_limitexceed = "";
}
$('#total').append("<div id='div_selec"+int_loop+"' "+style_limitexceed+"><b>File Name :</b> "+file.name + "<b> Size:</b>" + size_display + display_removebutton + "</div>"+"" );
$("#remove_"+int_loop).click(function() {
if(confirm( "Do you want to delete file : "+ file.name+ "?" ) === true)
{
// here we need to remove the click event for **fileupload input tag**
var curr_id = this.id;
var id = curr_id.substr(7);
$("#div_selec"+id).empty();
upfiles.splice(index, 1)
$("#div_selec"+id).fadeOut('slow');
total_size = total_size - (file.size/1024);
if(total_size < limit)
{
$("#total img:last-child").remove()
$("#div_errorLog").fadeOut('slow');
}
}
});
int_loop++;
});
Надявам се, че разбирате какъв е проблемът ми... чакам вашите предложения...!
редактиране:
какво точно е необходимо, когато total div има някакво съдържание, тогава събитието за разглеждане не трябва да файл, когато щракнете върху премахване display_removebutton
или дори total
div