2016-10-03 148 views
-1

我想在Heroku上使用Filestack API上傳文件後創建一個AJAX請求。我似乎無法弄清onchange事件的Javascript。這是我的,你能告訴我我做錯了什麼嗎?沒有什麼是射擊。AJAX請求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){} 
      }) 
    };"> 

回答

0

您的代碼可以大大改善。它將避免常見錯誤,例如錯誤地使用了雙引號。

您可以先創建一個函數來處理您的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()" 

更新:

你的問題是大多數基於如何使用電平變化事件調用一個Ajax請求。我在上面解釋過。

但現在,很顯然你應該看看到filestack的JavaScript API文檔: https://www.filestack.com/docs/file-ingestion/javascript-api/pick

很多例子都可以。

+0

這不是觸發功能運行 – Doughtz

+0

我已經更新的代碼。如果您看到警報的內容,請嘗試告訴我們。你在控制檯中是否有錯誤? –

0

這是固定的,

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