У меня есть div и кнопка Filestack V3, каждый раз, когда я загружаю файл, результат показывает файл кнопки, и это идет внутри этого элемента div:
<div class="files"></files>
<button type="button" id="btnUpload">UPLOAD</button>
<script>
$("#btnUpload").click(function(){
var client = filestack.init('XXXXXXXXXXXXXXXXX');
client.pick({
accept: ['image/jpeg','image/png','image/gif','application/pdf','application/msword','application/vnd.openxmlformats-officedocument.wordprocessingml.document'],
fromSources: ['local_file_system','googledrive','gmail','facebook','dropbox','onedrive','webcam'],
lang: 'es',
maxSize: 2097152,
maxFiles: 100
}).then(function(Blobs) {
var result = JSON.parse(JSON.stringify(Blobs));
var out='';
for(i=0; i<result.filesUploaded.length; i++){
out='<a href="'+result.filesUploaded[i].url+'"><button type="button">'+result.filesUploaded[i].filename+'</button></a>';
}
$(".files").append(out);
});
});
</script>
Это прекрасно работает, но теперь я тоже хочучтобы показать количество страниц каждого загружаемого файла, я получаю это значение с помощью вызова AJAX, но не могу получить значение снаружи и перейти вместе с кнопкой к элементу div.Я попытался изменить это следующим образом:
var result = JSON.parse(JSON.stringify(Blobs));
var out='';
for(i=0; i<result.filesUploaded.length; i++){
var dataFile = "https://cdn.filestackcontent.com/output=docinfo:true/"+result.filesUploaded[i].handle;
$.post("numberofpages.php",{
dF: dataFile
}).done(function(response){
var xnump = response+" page(s)";
numpage(xnump);
});
function numpage(c){
var dnump = c;
return dnump;
}
var tnump = numpage(); //variable has the pages number value
out='<a href="'+result.filesUploaded[i].url+'"><button type="button">'+result.filesUploaded[i].filename+'</button></a> ==> '+tnump+' page(s)';
}
$(".files").append(out);
Но переменная tnump показывает «undefined», как я могу это исправить?
Мне нужна ваша помощь.