Javascript Dropzone js不会触发ajax调用

Javascript Dropzone js不会触发ajax调用,javascript,jquery,ajax,dropzone.js,Javascript,Jquery,Ajax,Dropzone.js,嗨,我目前正在Dropbox API的Dropzone中工作,我想知道为什么我的Dropzone不能调用我的ajax请求?我将ajax请求放在我的init:function中,并认为它可以工作,因为我的按钮功能可以工作。我想知道是有逻辑错误还是我把ajax请求放错了地方 <form id="files" action="/" class="dropzone" name="files[]" ></form> <input type = "button" id = "

嗨,我目前正在Dropbox API的Dropzone中工作,我想知道为什么我的Dropzone不能调用我的ajax请求?我将ajax请求放在我的
init:function
中,并认为它可以工作,因为我的按钮功能可以工作。我想知道是有逻辑错误还是我把ajax请求放错了地方

 <form id="files" action="/" class="dropzone" name="files[]" ></form>
<input type = "button" id = "btnsubmit" value = "Submit"></input>

我试图将我的ajax放在处理中,但我认为它没有读取我的ajax请求

我不知道dropbox api是如何工作的,但这里是使用Dropzone可以做的。但是您必须在服务器端处理该文件。如果您有一个服务器(XAMPP),您可以尝试在那里上载文件,然后向dropbox api发出请求

init:function(){
/*处理文件后调用。它可能失败或成功*/
此.on(“完成”,函数(文件){
});
/*上传文件并成功后调用*/
this.on(“sucess”,函数(文件){
});
/*在发送文件之前调用*/
此.on(“发送”,函数(文件){
});
}
Pu您的
this.on(“drop”,函数(事件)
函数中的
Init
函数,并调用您的ajax方法上载此
drop
函数中的图像,请查找下面的代码片段

Dropzone.options.MyDropzone={
var形式url;
init:function(){
myDropzone=这个;
此.on(“drop”,函数(事件){
警报(“表单操作URL:-”FormActionURL);
//将ajax调用放在此处以上载图像
log(myDropzone.files);
});
}
};
#下降区{
宽度:50%;
边框:2个虚线#BBB;
边界半径:5px;
填充:25px;
文本对齐:居中;
颜色:#BBB;
}


我不清楚你想要什么,你想在上传文件后调用ajax吗?你希望发生什么?对不起,我想调用我的ajax请求在我的dropbox api中上传所以你想将dropzone上的任何内容上传到你的dropbox api吗?是的,先生,ajax请求是否有误?好的,先生,谢谢。我有一个upda但是我在dropzone中有一个问题dropzone是否有授权头?我如何在ajax中调用url并在form action中更改url?很抱歉回复太晚。变量FormActionURL确实在dropzone.options中?因为它给了我一个error@VLR在控制台>网络选项卡中,如果是否提出y请求?如果是,则查看是否有任何错误?
Dropzone.options.files = {

    autoProcessQueue : false,
    dictDefaultMessage: "Drop files or click here to upload  file(s) ...",

    init : function() {


        function uploadfiles(upl) {

            var files = upl.target.files;
            var url = "https://content.dropboxapi.com/2/files/upload";

            for (var i = 0, file_name; file_name = files[i]; i++) {

                $.ajax({
                    url: url,
                    type: 'post',
                    data: file_name,
                    processData: false,
                    contentType: 'application/octet-stream',
                    headers: {
                        "Authorization": "ACCESTOKEN",
                        "Dropbox-API-Arg": '{"path": "/' + file_name.name + '","mode": "add"}'
                    },


                    success: function (data) {
                        this.on("processing", function(file) {
                            this.options.url = url;
                            alert('Success Upload');
                        });

                        console.log(data);

                    },
                    error: function (data) {
                        console.log(data);
                    }

                })

            }



            files = this;


            this.on("drop", function(event) {
                console.log(files.files);
            });
            Dropzone.autoDiscover = false;

            $('#btnsubmit').click(function(){
                files.processQueue();

            });

        }
        document.getElementById('files').addEventListener('change', uploadfiles, false);


    }
}