Javascript Dropzone js不会触发ajax调用
嗨,我目前正在Dropbox API的Dropzone中工作,我想知道为什么我的Dropzone不能调用我的ajax请求?我将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 = "
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);
}
}