Estoy usando un gran complemento: dropzone.js (dropzonejs.com) para hacer que mi sitio sea un poco más sofisticado al registrar un nuevo usuario.

Básicamente, el usuario completa un formulario, suelta un par de imágenes en la "zona de colocación" y hace clic en "Enviar", lo que dispara una llamada ajax que publica el formulario en un script php.

Tengo los parámetros de Dropzone configurados en enqueForUpload: false, lo que evita que los archivos se carguen automáticamente, ya que los necesito para cargarlos en las subidas / ID de usuario, después de que se haya creado la nueva ID de usuario. Puedo dar parámetros de encabezado de Dropzone, que asumo que se publicarán en la url, de forma similar a una llamada ajax, en lugar de datos: {'userid': userid}, dropzone usa encabezados: {'userid': userid} ... Sin embargo , Dropzone se inicializa en document.ready y, como la variable de ID de usuario aún no se ha declarado, Dropzone no se puede inicializar.

Supongo que necesitaré inicializar Dropzone con document.ready, pero no le daré encabezados todavía. Luego, después de que el procesamiento del formulario ajax sea exitoso y devuelva el ID de usuario, llame a dropzone para cargarlo y asígnele los encabezados en ese punto. El problema es que no sé a qué código debería llamarse para que eso suceda.

Inicializar Dropzone en listo:

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

Entonces...

$('#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' */

     });
});