Ошибка JS: недействительная кнопка загрузки

Question

Я использую загрузчик js для pandastream для загрузки видео. Я после документации here

Однако, я получаю следующее сообщение об ошибке консоли:

Uncaught Error: Invalid upload button. panda-uploader.min.js:112 
(anonymous function) panda-uploader.min.js:112 
(anonymous function) (index):27 

Соответствующие строки в моем HTML-файл

<script src="//cdn.pandastream.com/u/2.0/panda-uploader.min.js"></script> 
<script src="/static/js/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
var upl = panda.uploader.init({ 
    'buttonId': 'browse-files', 
    'onProgress': function(file, percent) { 
    console.log("progress", percent, "%"); 
    }, 
    'onSuccess': function(file, data) { 
    $("#new_video") 
     .find("[name=panda_video_id]") 
     .val(data.id) 
     .end() 
     .submit(); 
    }, 
    'onError': function(file, message) { 
    console.log("error", message); 
    }, 
}); 
</script> 

<form action="" id="video_upload" method="post"> 
<input type="hidden" name="file_video_id"/> 


<div id="browse-files" class="btn btn-default btn-lg">Choose file</div> 
       </form> 

Что я делаю неправильно?

Answer 1

общий сценарий должен прийти после того, как HTML-элемента, ошибка происходит из-за не существует ни одного элемента в браузере создается во время чтения сценария в браузере

<form action="" id="video_upload" method="post"> 
<input type="hidden" name="file_video_id"/> 


<div id="browse-files" class="btn btn-default btn-lg">Choose file</div> 
</form> 

<script type="text/javascript"> 
var upl = panda.uploader.init({ 
    'buttonId': 'browse-files', 
    'onProgress': function(file, percent) { 
    console.log("progress", percent, "%"); 
    }, 
    'onSuccess': function(file, data) { 
    $("#new_video") 
     .find("[name=panda_video_id]") 
     .val(data.id) 
     .end() 
     .submit(); 
    }, 
    'onError': function(file, message) { 
    console.log("error", message); 
    }, 
}); 
</script>