jquery fileupload語法錯誤類型錯誤

Question

用這個（jquery for fileupload）腳本我收到一些錯誤，但它在本地wamp中工作。對於生產我需要停止此警報錯誤」

"SyntaxError: missing } after property list
progressall: function (e, data) {"

或在Chrome中：？

"uncaught syntaxerror unexpected identifier on line 211"

同線在Firefox

沒有任何人有一個想法

$(function() { 
    $('#fileupload').fileupload({ 
     dataType: 'json',  
     done: function (e, data) { 
     $.each(data.result.files, function (index, file) { 
      $('<p/>').text(file.name).appendTo(document.body); 
     }); 
    } 
    progressall: function (e, data) { 
    var progress = parseInt(data.loaded/data.total * 100, 10); 
    $('#progress .bar').css(
     'width', 
     progress + '%' 
    ); 
    } 
    add: function (e, data) { 
     data.context = $('<p/>').text('Uploading...').appendTo(document.body); 
     data.submit(); 
    } 
    done: function (e, data) { 
     data.context.text('Upload finished.'); 
    } 
    add: function (e, data) { 
     data.context = $('<button/>').text('Upload') 
      .appendTo(document.body) 
      .click(function() { 
       $(this).replaceWith($('<p/>').text('Uploading...')); 
       data.submit(); 
      }); 
    } 
    done: function (e, data) { 
     data.context.text('Upload finished.'); 
    } 

    }); 
}); 

我做了一些修改： 在Mozilla中沒有錯誤，但沒有工作

在Chrome中的錯誤（遺漏的類型錯誤：無法調用未定義的「推」），而不是工作

$(function() { 
    //declare a "updloadOptions" variable object that will be passed to the plugin constructor method as a parameter. (You can give any name to this object.) 
    var updloadOptions = {}; 

    //set the datatype property to 'json'. 
    updloadOptions.dataType = 'json'; 
    //declare the "done" callback method on "updloadOptions" object. 
    updloadOptions.done = function (e, data) { 
     $.each(data.result.files, function (index, file) { 
      $('<p/>').text(file.name).appendTo(document.body); 
     }); 
    }; 
    //declare the "progressall" callback method on "updloadOptions" object. 
    updloadOptions.progressall = function (e, data) { 
     var progress = parseInt(data.loaded/data.total * 100, 10); 
     $('#progress .bar').css(
      'width', 
     progress + '%'); 
    }; 
    //declare the "add" callback method on "updloadOptions" object. 
    updloadOptions.add = function (e, data) { 
     data.context = $('<button/>').text('Upload') 
     .appendTo(document.body) 
     .click(function() {    $(this).replaceWith($('<p/>').text('Uploading...'));     
     data.context = $('<p/>').text('Uploading...').appendTo(document.body); 
     data.submit(); 
     }); 
    }; 
    //initialize the component 
    $('#fileupload').fileupload(updloadOptions); 
}); 

正確的腳本有語法錯誤

SyntaxError: missing } after property list
filesContainer: $('.filescontainer')

而且我從來沒有需要filesContainer，因爲我檢索第二個jquery選項卡上傳系統

$(function() { 
$('#fileupload').fileupload({ 
    dataType: 'json',  
    done: function (e, data) { 
     $.each(data.result.files, function (index, file) { 
      $('<p/>').text(file.name).appendTo(document.body); 
     }); 
    }, 
    progressall: function (e, data) { 
    var progress = parseInt(data.loaded/data.total * 100, 10); 
    $('#progress .bar').css(
     'width', 
     progress + '%' 
    ); 
    }, 
    add: function (e, data) { 
     data.context = $('<p/>').text('Uploading...').appendTo(document.body); 
     data.submit(); 
    }, 
    done: function (e, data) { 
     data.context.text('Upload finished.') 
    }, 
    add: function (e, data) { 
     data.context = $('<button/>').text('Upload') 
      .appendTo(document.body) 
      .click(function() { 
       $(this).replaceWith($('<p/>').text('Uploading...')); 
       data.submit(); 
      }); 
    }, done: function (e, data) { 
     data.context.text('Upload finished.') 
    } 
    filesContainer: $('.filescontainer') 

}); 
}); 

Answer 1

您的腳本pt有根本的錯誤，會產生多個錯誤。

• 在傳遞給.fileupload()插件的選項對象的每個成員的末尾應該有逗號。
• 你已經聲明瞭重複的回調方法。 done回調宣告3次，add回調宣告兩次。

因此，您應該只使用每個重複減速中的一個或將這些重複中的代碼合併爲一個。但是我發現這些回調中的代碼也是重複的。

這裏是你的代碼的清理版本：

<script type="text/javascript"> 
    $(function() { 
     $('#fileupload').fileupload({ 
      dataType: 'json', 
      done: function (e, data) { 
       $.each(data.result.files, function (index, file) { 
        $('<p/>').text(file.name).appendTo(document.body); 
       }); 
      }, 
      progressall: function (e, data) { 
       var progress = parseInt(data.loaded/data.total * 100, 10); 
       $('#progress .bar').css('width', progress + '%'); 
      }, 
      add: function (e, data) { 
       data.context = $('<p/>').text('Uploading...').appendTo(document.body); 
       data.submit(); 
      } 
     }); 
    }); 
</script> 

這裏是一個更可讀的版本：

<script type="text/javascript"> 

    $(function() { 

     //declare a "updloadOptions" variable object that will be passed to the plugin constructor method as a parameter. (You can give any name to this object.) 
     var updloadOptions = {}; 

     //set the datatype property to 'json'. 
     updloadOptions.dataType = 'json'; 

     //declare the "done" callback method on "updloadOptions" object. 
     updloadOptions.done = function (e, data) { 
      $.each(data.result.files, function (index, file) { 
       $('<p/>').text(file.name).appendTo(document.body); 
      }); 
     }; 

     //declare the "progressall" callback method on "updloadOptions" object. 
     updloadOptions.progressall = function (e, data) { 
      var progress = parseInt(data.loaded/data.total * 100, 10); 
      $('#progress .bar').css('width', progress + '%'); 
     }; 

     //declare the "add" callback method on "updloadOptions" object. 
     updloadOptions.add = function (e, data) { 
      data.context = $('<p/>').text('Uploading...').appendTo(document.body); 
      data.submit(); 
     }; 

     //initialize the component 
     $('#fileupload').fileupload(updloadOptions); 

    }); 

</script>