小编Sid*_*ius的帖子

我正在使用一个很棒的插件 - dropzone.js(dropzonejs.com)来使我的网站在注册新用户时更加花哨.

基本上,用户填写表单,将几个图像放入"dropzone",然后单击"提交",这会触发将表单发布到php脚本的ajax调用.

我将dropzone参数设置为enqueForUpload:false,这样可以防止文件自动上传,因为我需要在创建新用户ID后将它们上传到uploads/$ userid.我可以给dropzone header params,我假设发布到url,类似于ajax调用,而不是数据:{'userid':userid},dropzone使用header:{'userid':userid} ...但是,dropzone在document.ready上初始化,并且由于尚未声明userid变量,dropzone无法初始化.

我猜我需要用document.ready初始化dropzone,但还没有给它标题.然后在ajax表单处理成功并返回userid后,调用dropzone上传并在该点为其提供标题.问题是,我不知道需要调用哪些代码来实现这一点.

准备好初始化Dropzone:

$(document).ready(function(){
  $('#dropzone').dropzone({
    url: 'dropzoneprocess.php',
    maxFilesize: 1,
    paramName: 'photos',
    addRemoveLinks: true,
    enqueueForUpload: false,
  });
});

然后...

$('#submit').on('click', function(){
    validation crap here
    $.ajax({
        type: 'post',
        url: 'postform.php',
        data: {'various': form, 'values': here}
        datatype: 'json',
        success: function(data){
           var userid = data.userid;

    /* (and this is what I can't figure out:)
    tell dropzone to upload, and make it 
    post userid to 'dropzone.php' */

     });
});

我试图通过dropzone将一个特定的 - 已知的图像文件的位置ID发送到后端,该后端将被上传到服务器上.虽然formData.append()正在使用,但我看到没有附加任何东西.而只是这个" FormData {}"出现了.

dropzoneObject.on("sending", function(file, xhr, formData){
    var nameOfFile = $(file.previewElement).find(".dz-filename").text();
    var positionOfFile = fpos;
    //console.log("The file who's being sent is named: "+nameOfFile+" and its position id is: "+positionOfFile);
    formData.append("fpos", fpos);
});

我希望在例子中看到fpos = 16;