Dinámica scriptData en jQuery Uploadify
-
21-09-2019 - |
Pregunta
Soy bastante nuevo en javascript y jQuery. Estoy usando Uploadify para subir imágenes al servidor. Hay varios objetos Subió en la página. Necesito pasar el ID del objeto subida se utiliza para el servidor. Esto es lo que tengo hasta ahora:
$('input.ImageUpload').uploadify({
...
'scriptData': {'id': ??????},
...
});
¿Cómo puedo hacer que esto suceda? He intentado "this.id" y "$ (this) .attr ( 'id')". Estoy incluso ir sobre esto de la manera correcta?
Solución
No estoy seguro si esto es lo ideal, pero esto es lo que terminé haciendo:
$('input.ImageUpload').each(function() {
$(this).uploadify({
...
scriptData({'id': $(this).attr('id')},
...
});
});
Otros consejos
Esta es la forma en que lo uso con éxito:
$(document).ready(function() {
$(".upload").each(function() {
$(this).uploadify({
'uploader' : '/code/js/jquery.uploadify/example/scripts/uploadify.swf',
'script' : '/code/js/jquery.uploadify/example/scripts/uploadify.php',
'cancelImg' : '/code/js/jquery.uploadify/example/cancel.png',
'folder' : '<?=$upload_path?>' + $(this).attr('id'),
'queueID' : 'fileQueue',
'auto' : true,
'multi' : false,
'scriptData' : ({'var_name': 'this_var_value'}),
'fileDesc' : 'Images and PDF files only! (JPG, PNG, PDF)',
'fileExt' : '*.pdf;*.jpg;*.jpeg;*.png',
'buttonText' : 'browse' + $(this).attr('id')
});
});
});
<div id="fileQueue"></div>
<input class="upload" type="file" name="ImageUpload" id="_ID_1" /><br />
<input class="upload" type="file" name="ImageUpload" id="_ID_2" /><br />
<input class="upload" type="file" name="ImageUpload" id="_ID_3" /><br />
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow