Witam jak wstawić w zmienną nazwa parametr file.name ?
var nazwa = 'tutaj chce file.name'
var template = '<div class="preview">'+
'<span class="imageHolder">'+
'<img />'+
'<span class="uploaded"></span>'+
'</span>'+
'<div class="progressHolder">'+
'<div class="progress">'+nazwa+'</div>'+
'</div>'+
'</div>';
chodzi głównie, żeby zmienna nazwa była pobrana w to: '<div class="progress">'+nazwa+'</div>'
A zmienną ma być nazwa pliku wgrywanego.
file.name jest też w innych częściach kodu i działa, a tu nie
cały kod jakby ktoś potrzebował:
$(function(){
var dropbox = $('#dropbox'),
message = $('.message', dropbox);
dropbox.filedrop({
//
paramname:'pic',
maxfiles: 5,
maxfilesize: 2,
url: 'post_file.php',
uploadFinished:function(i,file,response){
$.data(file).addClass('done');
$.data(file).addClass('done2').showMessage('aaaaaaaaaaas');
const x = 12;
const bla = file.name+' zostało zapisane na serwerze';
alert(bla);
},
error: function(err, file) {
switch(err) {
case 'BrowserNotSupported':
showMessage('Twoja przeglądarka nie wspiera uploadu plików HTML5!');
break;
case 'TooManyFiles':
alert('Za dużo zdjęć na raz! Wybierz co najwyżej 5.');
break;
case 'FileTooLarge':
alert(file.name+' jest za duże!. Wrzuć zdjęcie o wadze najwyżej 2 MB.');
break;
default:
break;
}
},
beforeEach: function(file){
if(!file.type.match(/^image\//)){
alert('Tylko zdjęcia są dozwolone!');
return false;
}
},
uploadStarted:function(i, file, len){
createImage(file); },
progressUpdated: function(i, file, progress) {
$.data(file).find('.progress').width(progress);
}
});
var nazwa = 'file'
var template = '<div class="preview">'+
'<span class="imageHolder">'+
'<img />'+
'<span class="uploaded"></span>'+
'</span>'+
'<div class="progressHolder">'+
'<div class="progress">'+nazwa+'</div>'+
'</div>'+
'</div>';
function createImage(file){
var preview = $(template),
image = $('img', preview);
var reader = new FileReader();
image.width = 100;
image.height = 100;
reader.onload = function(e){
image.attr('src',e.target.result);
};
reader.readAsDataURL(file);
message.hide();
preview.appendTo(dropbox);
$.data(file,preview);
}
function showMessage(msg){
message.html(msg);
}
});