instalace Uploadify v Nette

Pokud se rozhodnete napojit do Nette Uploadify, tak se můžete setkat hned s několika problémy. Tyto problémy se vám pokusím objasnit a doufám, že vám tak usnadním drahocenný čas:-)

1. problém může nastat,  že se vám nezobrazí button pro nahrávání.
   Tento problém nastává proto, že jsou špatně nastaveny cesty. Většinou by asi každý napsal něco takového:

           $(document).ready(function() {
             $('#' + {$control['addProduct']['file_upload']->htmlId}).uploadify({
               'uploader'  : '{$basePath}/admin_www/js/uploadify/uploadify.swf',
               'script'    : '{link uploadPictures!}',
               'cancelImg' : '{$basePath}/admin_www/js/uploadify/cancel.png',
               'folder'    : '{$basePath}/files/uploads',
             });
           });

   Tyto cesty jsou neplatné, protože se vypíše:

   $(document).ready(function() {
             $('#' + {$control['addProduct']['file_upload']->htmlId}).uploadify({          
               'uploader'  : '"\/shop\/www"/admin_www/js/uploadify/uploadify.swf',
               'script'    : '"\/shop\/www\/admin\/product\/add?do=uploadPictures"',
               'cancelImg' : '"\/shop\/www"/admin_www/js/uploadify/cancel.png',
               'folder'    : '"\/shop\/www"/files/uploads',
             });
           });

   aby cesty fungovali,  je třeba kód napsat takto:

   $(document).ready(function() {
             $('#' + {$control['addProduct']['file_upload']->htmlId}).uploadify({           
               'uploader'  : {$basePath} + '/admin_www/js/uploadify/uploadify.swf',
               'script'    : {link uploadPictures!},
               'cancelImg' : {$basePath} + '/admin_www/js/uploadify/cancel.png',
               'folder'    : {$basePath} + '/files/uploads',
             });
           });

2. problém je HTTP error při pokusu o upload.
   Tento problém je způsoben tím, že flash volá na presenter, který je zpřístupněn pouze přihlášeným uživatelům s danými právy. Řešení jsem nalezl v tomuto příspěvku na Nette fóru.
   řešení cituji od Acnnaira:
   index.php se upraví:

   if(isset($_REQUEST[session_name()])) {
           $_COOKIE[session_name()] = $_REQUEST[session_name()];
   }

   a uploadify

   $(document).ready(function() {
             $('#' + {$control['addProduct']['file_upload']->htmlId}).uploadify({
               'uploader'  : '{!$basePath}/admin_www/js/uploadify/uploadify.swf',
               'script'    : {link uploadPictures!},
               'cancelImg' : {$basePath} + '/admin_www/js/uploadify/cancel.png',
               'folder'    : {$basePath} + '/files/uploads',
               'scriptData': {
                   {=session_name()}: {=session_id()},
                             },
             });
           });

3. problém může nastat, pokud chcete při akci onCancel, například smazat nahraný soubor.
   v dokumentaci je přímo uvedena ukázka:

     'onCancel'    : function(event,ID,fileObj,data) {
         alert('The upload of ' + fileObj.name + ' has been canceled!');
       }
   });

   která bohužel nefunguje, protože fileObj vrací null.
   Proto je to třeba nějakým způsobem obejít. Já to řešil tak, že jsem si vytvořil pole name a do něj při akci onComplete, uložil hodnotu fileObj.name, která zde funguje.
   výsledný kód může vypadat následovně:

   $(document).ready(function() {
             var name = new Array();
   
             $('#' + {$control['addProduct']['file_upload']->htmlId}).uploadify({
               'uploader'  : '{!$basePath}/admin_www/js/uploadify/uploadify.swf',
               'script'    : {link uploadPictures!},
               'cancelImg' : {$basePath} + '/admin_www/js/uploadify/cancel.png',
               'folder'    : {$basePath} + '/files/uploads',
               'buttonImg' : {$basePath} + '/admin_www/js/uploadify/button.png',
               'fileExt'   : '*.jpg;*.gif;*.png',
               'fileDesc'  : 'Web Image Files (.JPG, .GIF, .PNG)',
               'height'    : 36,
               'width'     : 131,
               'multi'     : true,
               'queueID'   : 'custom-queue',
               'removeCompleted' : false,
               'scriptData': {
                   {=session_name()}: {=session_id()},
                   'tempFolder'     : {$tempFolder}
                             },
               'onComplete': function(event, ID, fileObj, response, data)  {
                   name[ID] = fileObj.name;
               },
               'onCancel' : function(event, ID, fileObj, response, data){
                   $.post({link unlink!}, {
                       name       :  name[ID],
                       tempFolder : {$tempFolder}
                   });
               }
             });
           });