AJAX запрос onchange не работает

Question

Я пытаюсь создать запрос AJAX после загрузки файла с помощью API Filestack на Heroku. Я не могу понять Javascript для события onchange. Это то, что у меня есть, не могли бы вы показать мне, что я делаю неправильно? Ничто не стреляет.

<script type="text/javascript" src="//api.filestackapi.com/filestack.js"></script> 
     <input type="filepicker" data-fp-apikey="AJQAmlHqT46EYTTyhk0upz" data-fp-extension=".csv" 
     onchange="function() { 
    var mydata = event.fpfile.url //current video time 
    $.ajax({ 
     url : "/url/to/save/file_url", 
     type:"POST", 
     data:mydata, 
     success:function(msg){} 
      }) 
    };"> 

Answer 1

Ваш код может быть значительно улучшен. И это позволит избежать распространенных ошибок, таких как неправильное использование двойных кавычек, которые вы сделали.

Вы можете сначала создать функцию, которая позаботится о вашем вызове ajax.

function saveFile(){ 

    // Check that the function is called 
    alert('savefile() called'); 

    var mydata = event.fpfile.url; 
    $.ajax({ 
     url : "/url/to/save/file_url", 
     type:"POST", 
     data:mydata, 
     success:function(msg){} 
    }); 
} 

В таком случае вы вызываете эту функцию.

onchange="saveFile()" 

Update:

Ваш вопрос был наиболее основан на том, как использовать событие OnChange для вызова запроса Ajax. Это я объяснил выше.

Но теперь, вы должны, очевидно, посмотрите на filestack яваскрипт документации по API: https://www.filestack.com/docs/file-ingestion/javascript-api/pick

Лота примеров доступен.

Answer 2

Это то, что фик его

<script> 
    function onUpload(event) { 
    var name = event.fpfile.url; 
    jQuery.ajax({ 
    data: { name }, 
    type: 'post', 
    url: "/purchase_orders/import_open_order" 
    }); 
} 
</script>