2011-10-24 5 views
-1

J'utilise un plugin jquery situé ici file-uploadJquery JSON Parse error

je peux obtenir l'exemple dans le dossier plugin pour fonctionner. Cependant, lorsque je tente d'intégrer le plug-in dans mon site, je continue à obtenir l'erreur suivante dans la console:

attempt to run compile-and-go script on a cleared scope  jquery.min.js(line2) 
Failed to load source for: http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js 

Dans l'onglet script de la console, il a une notification de rupture avec:

JSON.parse

I ai pas rencontré cette erreur avant, donc je ne suis pas trop sûr où commencer ...

modifier

Merci pour les réponses jusqu'à présent, d'accord, j'ai le travail sans erreurs apparaissant dans la console maintenant. Dans application.js je l'ai utilisé à la place:

$(function() { 
    $('#fileupload').fileupload({ 
     dataType: 'json', 
     url: 'upload.php', 
     done: function (e, data) { 
      $.each(data.result, function (index, file) { 
       $('<p/>').text(file.name).appendTo('body'); 
      }); 
     } 
    }); 
}); 

Je n'ai pas déplacé les fichiers en dehors de leur dossier plugin.

Je peux voir que les fichiers ont été téléchargés dans le dossier. Lorsque je clique pour démarrer le processus de téléchargement pendant une fraction de seconde, je vois deux barres de progression, celle en bas disparaît à la fin. Cependant, il y a une autre barre de progression à côté de la vignette qui ne disparaît pas et reste bloquée à 90%, le bouton d'annulation restera également et ne répondra plus. Je ne vois pas la poubelle non plus. Étant donné que les fichiers ont bien été transférés, pensez-vous que cela pourrait être un problème de CSS?

La classe coincé de barre de progression:

ui-progressbar ui-widget ui-widget-content ui-corner-all 
+0

Je travaille avec le même mais avec Asp.Net et fonctionne très bien et assurez-vous que vous avez le jquery plugins. fileupload.js et jquery.iframe-transport.js et application.js dans votre dossier avec Jquery dernière version si le problème existe toujours coller votre code afin que je puisse vous aider. – coder

+0

Notez bien que cela aide, mais: duplication possible de [Erreur: tentative d'exécution du script de compilation et de reprise sur une portée effacée] (http://stackoverflow.com/questions/5433415/error-attempt-to-run- compile-and-go-script-on-a-cleared-scope) - Vous voudrez peut-être google pour ce message d'erreur un peu plus loin, il existe diverses références. – mario

+0

Merci, édité ci-dessus avec plus d'infos – melon

Répondre

1

Essayez ceci:

<script> 
      /*global $ */ 
      $(function() { 
       $('#file_upload').fileUploadUI({ 
        url: 'FileUpload.ashx', 
        method: 'POST', 
        uploadTable: $('#files'), 
        downloadTable: $('#files'), 
        buildUploadRow: function (files, index) { 
         return $('<tr><td>' + files[index].name + '<\/td>' + 
          '<td class="file_upload_progress"><div><\/div><\/td>' + 
          '<td class="file_upload_cancel">' + 
          '<button class="ui-state-default ui-corner-all" title="Cancel">' + 
          '<span class="ui-icon ui-icon-cancel">Cancel<\/span>' + 
          '<\/button><\/td><\/tr>'); 
        }, 
        buildDownloadRow: function (file) { 
         return $('<tr><td>' + file.name + '<\/td><\/tr>'); 
        } 
       }); 
      }); 
     </script> 
+0

Merci, même si je reçois: '$ (" # file_upload "). FileUploadUI n'est pas une fonction' Si cela aide que j'utilise la dernière version. – melon

+1

Vous pouvez essayer cet exemple de code qui est en PHP https://github.com/blueimp/jQuery-File-Upload/wiki – coder

+0

Merci. J'ai commencé wih basics '$ ('# fileupload'). Fileupload()' et cela a semblé fonctionner. – melon