Ignore:
Timestamp:
Oct 2, 2012, 10:58:32 AM (7 years ago)
Author:
xdjuj@…
Message:
  • Passer à la nouvelle version du script uploadify
  • Nettoyer grandement le code... (encore quelques trucs à faire)

C'est testé et fonctionnel. Mais il faut peaufiner pour rendre ça plus joli.
Il faut maintenant également rendre paramétrable au webmasteur par exemple les types de fichiers uploadés, la limite de taille, etc.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/uploadify/trunk/noisettes/uploadify.html

    r66406 r66433  
    11#CACHE{0}
     2[<script type="text/javascript" src="(#CHEMIN{theme/uploadify/jquery.uploadify-3.1.min.js})"></script>]
    23
    3 [<script type="text/javascript" src="(#CHEMIN{theme/uploadify/jquery.uploadify.v2.1.4.min.js})"></script>]
    4 [<script type="text/javascript" src="(#CHEMIN{theme/uploadify/swfobject.js})"></script>]
    5 
    6 <B_lesDocs>
    7 <p class="commentaire">
    8         <strong>Fichiers actuellement liés :</strong><br />
    9         <BOUCLE_lesDocs(DOCUMENTS){id_rubrique=#GET{article_inscription}}{tout}{'<br />'}>
    10                 - [<a href="#URL_DOCUMENT" target='_blank'>(#FICHIER|basename)[ ((#ID_DOCUMENT))] </a>] - <a class='ajax suppr' href="#URL_ACTION_AUTEUR{supprimer_document,#ID_DOCUMENT,#SELF}">[supprimer]</a>
    11         </BOUCLE_lesDocs>
    12 </p>
    13 </B_lesDocs>
    14 
    15 <div id="custom-demo" class="demo" style='position:relative;width:372px'>
    16                 <div class="demo-box">
    17                         <div id="custom-queue"></div>
    18                         <input id="custom_file_upload" type="file" name="Filedata" />
    19                         <a href="[(#SELF|parametre_url{id_article,#ENV{id_article}}|parametre_url{var,[(#REM|uniqid)]})]" title="Rafraichir la liste" id="leRefresh" class='ajax rafraichir'>Rafraîchir la liste</a>
    20                 </div>
     4<div id="conteneur-uploadify">
     5        <div id="custom-queue"></div>
     6        <input id="custom_file_upload" type="file" name="Filedata" />
    217</div><!-- #custom-demo -->
    228
    23 <script type="text/javascript">
    24 jQuery(function() {
    25         jQuery('#leRefresh').hide();
    26         jQuery('#custom_file_upload').uploadify({
    27                 'uploader'       : '#CHEMIN{theme/uploadify/uploadify.swf}',
    28                 // 'script'         : '#CHEMIN{formulaires/inscription.php}',
    29                 'script'         : '[(#URL_PAGE{uploadify})]',
    30                 'scriptData'     : {'id_objet':'#ENV{id_objet}','objet':'#ENV{objet}'},
    31                 'scriptAccess'    : 'sameDomain', // Set to "always" to allow script access across domains
    32                 'cancelImg'      : '#CHEMIN{theme/uploadify/cancel.png}',
    33                 'folder'         : '/',
    34                 'buttonText'     : 'Choisir le fichier',
    35                 'multi'          : true,
    36                 'auto'           : true,
    37                 // 'fileExt'        : '*.jpg;*.gif;*.png;*.ppt;*.pptx;*.doc;*.docx;*.xls;*.xlsx;*.pdf;*.bmp;*.tif;*.tiff;',
    38                 'fileExt'        : '*.*',
    39                 // 'fileDesc'       : 'Image Files (.JPG, .GIF, .PNG)',
    40                 'queueID'        : 'custom-queue',
    41                 'queueSizeLimit' : 10,
    42                 'simUploadLimit' : 10,
    43                 'sizeLimit'      : 100000000,
    44                 'removeCompleted': false,
    45                 'onUploadComplete' : function(file) {
    46                             alert('The file ' + file.name + ' finished processing.');
    47                 },
    48                 'onAllComplete'  : function(event,data) {
    49                         jQuery('#leRefresh').click();
    50                         var comp = document.getElementById('leRefresh');
    51                         try { //in firefox
    52                             comp.click();
    53                             return;
    54                         } catch(ex) {}
    55                         try { // in chrome
    56                             if(document.createEvent) {
    57                                 var e = document.createEvent('MouseEvents');
    58                                 e.initEvent( 'click', true, true );
    59                                 comp.dispatchEvent(e);
    60                                 return;
    61                             }
    62                         } catch(ex) {}
    63                         try { // in IE
    64                             if(document.createEventObject) {
    65                                  var evObj = document.createEventObject();
    66                                  comp.fireEvent("onclick", evObj);
    67                                  return;
    68                             }
    69                         } catch(ex) {}
    70                 }
    71                
    72                 // 'onSelectOnce'   : function(event,data) {
    73                 //      jQuery('#status-message').text(data.filesSelected + ' files have been added to the queue.');
    74                 // },
    75                 });
    76 });
     9<script type="text/javascript" charset="utf-8">
     10        jQuery(function() {
     11            jQuery('#custom_file_upload').uploadify({
     12                'swf'           : '#CHEMIN{theme/uploadify/uploadify.swf}',
     13                'uploader'      : '[(#URL_PAGE{uploadify})]',
     14                        'formData'      : {'id_objet':'#ENV{id_objet}','objet':'#ENV{objet}'},
     15                        'buttonText': 'Parcourir...',
     16                        'fileObjName' : 'Filedata',
     17                'fileTypeExts' : '*.*',
     18                'removeCompleted' : true,
     19                        /*
     20                                TODO Brancher en onAllComplete => action de rechargement de la <div id="listing_fichiers">
     21                        */
     22                        // 'onUploadSuccess' : function(file, data, response){ /* Un fichier est fini, on recharge le listing des fichiers */
     23                        //      alert('Fichier ' + file.name + ' bien uploadé : ' + response + ':' + data);
     24                        // },
     25                        // 'onQueueComplete'  : function(queueData) {
     26                        //      alert(queueData.uploadsSuccessful + ' files were successfully uploaded.');
     27                        //      // alert("Fin de l'upload des documents, ==> mise à jour #listing_fichiers");
     28                        // },
     29        /* Voici toutes les fonctions à dispo, au cas Zou */
     30                // 'removeTimeout' : 10,
     31                // 'uploadLimit' : 1
     32                        // 'fileSizeLimit' : '100KB',
     33                // 'fileTypeDesc' : 'Any old file you want...',
     34                // 'formData'      : {'someKey' : 'someValue', 'someOtherKey' : 1},
     35                // 'onUploadStart' : function(file) {
     36                //     $("#file_upload").uploadify("settings", "someOtherKey", 2);
     37                // }
     38                // 'queueSizeLimit' : 1,
     39                        // 'onAllComplete'  : function(event,data) {
     40                        //      jQuery('#leRefresh_sortie').click();
     41                        //      var comp = document.getElementById('leRefresh_sortie');
     42                        //      try { //in firefox
     43                        //          comp.click();
     44                        //          return;
     45                        //      } catch(ex) {}
     46                        //      try { // in chrome
     47                        //          if(document.createEvent) {
     48                        //              var e = document.createEvent('MouseEvents');
     49                        //              e.initEvent( 'click', true, true );
     50                        //              comp.dispatchEvent(e);
     51                        //              return;
     52                        //          }
     53                        //      } catch(ex) {}
     54                        //      try { // in IE
     55                        //          if(document.createEventObject) {
     56                        //               var evObj = document.createEventObject();
     57                        //               comp.fireEvent("onclick", evObj);
     58                        //               return;
     59                        //          }
     60                        //      } catch(ex) {}                 
     61                        // }
     62                        // 'onSelectOnce'   : function(event,data) {
     63                        //      jQuery('#status-message').text(data.filesSelected + ' files have been added to the queue.');
     64                        // },
     65
     66            });
     67        });
    7768</script>
Note: See TracChangeset for help on using the changeset viewer.