Question

我正在尝试使用Heroku上的Filestack API上传文件后创建一个AJAX请求。我似乎无法弄清楚onchange事件的Javascript。这就是我所拥有的，你能否告诉我我做错了什么？什么都没有发射。

<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()"

<强>更新

您的问题主要基于如何使用onchange事件来调用ajax请求。我在上面解释过。

但是现在，您应该看看filestack javascript 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>

AJAX请求onchange无法正常工作

2 个答案: