jquery - ejemplo - Uploadifive publicando dinámicamente las variables de entrada

uploadify documentation

Question

El problema a continuación es que cuando se inicia la función, por supuesto, MyInputVariable está vacío.

<?php $timestamp = time();?>
$(function () {
$(''#file_upload'').uploadifive({
''auto'': false,
''dnd'': true,
''checkScript'': ''check-exists.php'',
''formData'': {
''timestamp'': ''<?php echo $timestamp;?>'',
''token'': ''<?php echo md5(''unique_salt'' . $timestamp);?>'',
''MyNumber'': $(''#MyInputVariable'').val(),
},
''queueID'': ''queue'',
''uploadScript'': ''upload.php'',
''onUploadComplete'': function(file, data) {console.log(data);}
});
});

Debe haber una manera de instigar onUpload , onUploadComplete , onUploadFile o algo así para actualizar formData , pero no sé cómo hacerlo.

Tenga en cuenta que esto es uploadiFIVE, no uploadify. Las funciones / métodos difieren significativamente, y las soluciones probablemente no se apliquen a ambos.

Answer 1

Después de muchas horas de experimentación con soluciones engañosas en el foro uplodifive, esta es la solución.

En su etiqueta de ancla HTML:

<input id="file_upload" name="file_upload" type="file" multiple="true">
<a style="position: relative; top: 8px;" href="javascript:$(''#file_upload'').uploadifive(''upload'')">Upload Files</a>

Cambie la etiqueta de anclaje a:

<a style="position: relative; top: 8px;" href="javascript:uploadFiles();">Upload Files</a>

Elimine por completo la configuración formData de la llamada a la función inicial para que se vea así:

$(function()
{
$(''#file_upload'').uploadifive(
{
''auto'' : false,
''dnd'' : true,
''checkScript'' : ''check-exists.php'',
''queueID'' : ''queue'',
''uploadScript'' : ''upload.php'',
''onUploadComplete'' : function(file, data) {console.log(data);}
});
});

Luego agregue esta función:

 function uploadFiles()
{
$(''#file_upload'').data(''uploadifive'').settings.formData =
{
''timestamp'' : ''<?php echo $timestamp;?>'',
''token'' : ''<?php echo md5(''unique_salt'' . $timestamp);?>'',
''MyNumber'' : $(''#MyInputVariable'').val()
},
$(''#file_upload'').uploadifive(''upload'');
}

Y cualesquiera otras variables que necesite agregar. Sus variables de entrada ahora se publicarán en la carga.

Answer 2

Creo que esto es lo mejor

Cómo enviar variables dinámicas con uploadifive

reemplazar esto:

''formData'': {
''timestamp'': ''<?php echo $timestamp;?>'',
''token'': ''<?php echo md5(''unique_salt'' . $timestamp);?>'',
''MyNumber'': $(''#MyInputVariable'').val(),
},

por esto:

''onUpload'' : function(){
$(''#file_upload'').data(''uploadifive'').settings.formData = {
''timestamp'': ''<?php echo $timestamp;?>'',
''token'': ''<?php echo md5(''unique_salt'' . $timestamp);?>'',
''MyNumber'': $(''#MyInputVariable'').val(),
}},

y este es el código completo:

<?php $timestamp = time();?>
$(function () {
$(''#file_upload'').uploadifive({
''auto'': false,
''dnd'': true,
''checkScript'': ''check-exists.php'',
''onUpload'' : function(){
$(''#file_upload'').data(''uploadifive'').settings.formData = {
''timestamp'': ''<?php echo $timestamp;?>'',
''token'': ''<?php echo md5(''unique_salt'' . $timestamp);?>'',
''MyNumber'': $(''#MyInputVariable'').val(),
}},
''queueID'': ''queue'',
''uploadScript'': ''upload.php'',
''onUploadComplete'': function(file, data) {console.log(data);}
});
});