Dropbox上傳程序無法調用未定義的方法「提交」

Question

我的Wordpress網站中的Dropbox上傳程序存在一些問題。

它給了我「遺漏的類型錯誤：不能調用方法'的未定義」提交這一行：

$('#fileupload') 
     .bind('fileuploadstop', function (e, data) { 
      //window.location.href = 'http://hiphopsmurf.com'; 
      $('#multimages', top.document).val(upfiles); 
      parent.document.forms["multi_image"].submit(); 
      //parent.tb_remove(); 
     }); 

這裏是整個文檔代碼：

$(function() { 
    'use strict'; 

    // Initialize the jQuery File Upload widget: 
    $('#fileupload').fileupload(); 

    // Enable iframe cross-domain access via redirect option: 
    $('#fileupload').fileupload(
     'option', 
     'redirect', 
     window.location.href.replace(
      /\/[^\/]*$/, 
      '/cors/result.html?%s' 
     ) 
    ); 

    if (window.location.hostname === 'blueimp.github.com') { 
     // Demo settings: 
     $('#fileupload').fileupload('option', { 
      url: '//jquery-file-upload.appspot.com/', 
      maxFileSize: 5000000, 
      acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, 
      process: [ 
       { 
        action: 'load', 
        fileTypes: /^image\/(gif|jpeg|png)$/, 
        maxFileSize: 20000000 // 20MB 
       }, 
       { 
        action: 'resize', 
        maxWidth: 1440, 
        maxHeight: 900 
       }, 
       { 
        action: 'save' 
       } 
      ] 
     }); 
     // Upload server status check for browsers with CORS support: 
     if ($.support.cors) { 
      $.ajax({ 
       url: '//jquery-file-upload.appspot.com/', 
       type: 'HEAD' 
      }).fail(function() { 
       $('<span class="alert alert-error"/>') 
        .text('Upload server currently unavailable - ' + 
          new Date()) 
        .appendTo('#fileupload'); 
      }); 
     } 
    } else { 
     $('#fileupload').fileupload('option', { 
      //maxFileSize: 5000000, 
      maxFileSize: 1048576, 
      //acceptFileTypes: /(\.|\/)(gif|jpe?g|png|psd)$/i, 
      acceptFileTypes: /(\.|\/)(doc|docx|gif|jpg|jpeg|pdf|png|psd|tif|tiff)$/i, 
      singleFileUploads: true, 
      sequentialUploads: true, 
      autoUpload: true, 
        }); 

     var upfiles = ""; 
     $('#fileupload') 
     //.bind('fileuploaddrop', function (e, data) {$.each(data.files, function (index, file) {alert('Added file: ' + file.name);});}) 
     //.bind('fileuploaddrop', function (e, data) {$.each(data.files, function (index, file) { upfiles += file.name + ",";});}) 
     .bind('fileuploaddone', function (e, data) {$.each(data.files, function (index, file) { upfiles += file.name + ",";});}) 
     .bind('fileuploadchange', function (e, data) {/* ... */}) 

     //fail: function (e, data) {data.submit();} 
     //.fileupload({fail: function (e, data) {alert('FAIL');}}); 
     ; 

     $('#fileupload') 
     .bind('fileuploadstop', function (e, data) { 
      //window.location.href = 'http://hiphopsmurf.com'; 
      $('#multimages', top.document).val(upfiles); 
      parent.document.forms["multi_image"].submit(); 
      //parent.tb_remove(); 
     }); 

    } 

}); 

我是怎樣的一個星期在Java腳本中，任何幫助都會很感激。

Answer 1

通常，當您使用JavaScript/jQuery時，當您收到「方法未定義」錯誤時，您的選擇器存在問題。

我會使用jQuery選擇器來提交表單。嘗試用以下代碼替換問題行：

$('#multi_image').submit(); 

（假定您的表單具有「multi_image」的id屬性）。