2011-09-22 11 views
0

私はblueimp JQueryファイルのアップロードスクリプトを使用してファイルのアップロードを飾っています。こちらからダウンロードできます:https://github.com/blueimp/jQuery-File-Upload/zipball/master(ZIP)ここで私のblueimp jQueryファイルのアップロードスクリプトがうまくいかない理由はありますか?

は、JavaScriptコードのスニペットです:

$(function() { 
    'use strict'; 

    // Initialize the jQuery File Upload widget: 
    $('#fileupload').fileupload({ 
    // Dirs 
    url: 'accesspoint/upload.php', 
    uploadDir: 'accesspoint/files/', 
    thumbnailsDir: '', 

    // Options 
    autoUpload: 1, 
    maxNumberOfFiles: 1, 
    limitConcurrentUploads: 1, 
    maxFileSize: 1000000, 
    }); 

    // Load existing files: 
    $.getJSON($('#fileupload form').prop('action'), function (files) { 
     var fu = $('#fileupload').data('fileupload'); 
     fu._adjustMaxNumberOfFiles(-files.length); 
     fu._renderDownload(files) 
      .appendTo($('#fileupload .files')) 
      .fadeIn(function() { 
       // Fix for IE7 and lower: 
       $(this).show(); 
      }); 
    }); 

    // Open download dialogs via iframes, 
    // to prevent aborting current uploads: 
    $('#fileupload .files a:not([target^=_blank])').live('click', function (e) { 
     e.preventDefault(); 
     $('<iframe style="display:none;"></iframe>') 
      .prop('src', this.href) 
      .appendTo('body'); 
    }); 
}); 

は今http://www.mcemperor.nl/test/appstest/blueimpjqueryfileupload/example/を見てみましょう。私たちはファイルをアップロードすることができ、それは動作します。 上記のJavaScriptスニペットで定義されている最大ファイルサイズを超えるファイルをアップロードすると、次のようなメッセージが表示されます。 File upload like it's supposed to.

パーフェクト、期待どおりに動作します。 (最大アップロードサイズを1000000バイトに設定しているので、a file of 1 MBをアップロードするとファイルが大きすぎると表示されます)

...しかし、いくつかの種類のフレームワークにモジュールとして、スクリプトは正常に動作しません。私はこれを得る: File upload that is not the idea...

あなたが見る通り、「エントリを削除する」アイコンはより小さく(正方形であると思われる)、クリックすると何も起こらない。

になる可能性がありますか?誰もアイデアを持っていますか?

  • このスクリプトを別の<form>内で使用することはできますか?
  • 同じIDの複数の要素を問題にすることはできますか?
  • javascript間の衝突(関数やオブジェクトの再定義など)が問題になることはありますか?
+0

_同じスクリプト(いくつかの小さな変更を加えたもの)をある種のフレームワークにモジュールとして貼り付けるように見えます。_ _はCSSが壊れています。プラグインのCSSファイルのURLを確認します。 – Sparky

+0

@ Sparky:CSSルールだけでなく、onclickイベントも... –

答えて

1

私はスクリプトを修正する方法がわかりませんが、FireBugを使用して要素を特定し、CSSエントリまたはjquery関数を使用してパッチを適用することをお勧めします。また、jquery.fileupload-ui.cssを見てください。これは、コントロールのjqueryUI要素をオーバーライドするcssファイルです。私はボタンが独立してスタイル可能であることを知っています。繰り返しますが、私は確かではありませんが、削除ボタンのアイコンを変更するためのスクリプトを追加したクラスがあるかもしれません。

関連する問題