私は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スニペットで定義されている最大ファイルサイズを超えるファイルをアップロードすると、次のようなメッセージが表示されます。
パーフェクト、期待どおりに動作します。 (最大アップロードサイズを1000000バイトに設定しているので、a file of 1 MBをアップロードするとファイルが大きすぎると表示されます)
...しかし、いくつかの種類のフレームワークにモジュールとして、スクリプトは正常に動作しません。私はこれを得る:
あなたが見る通り、「エントリを削除する」アイコンはより小さく(正方形であると思われる)、クリックすると何も起こらない。
はになる可能性がありますか?誰もアイデアを持っていますか?
- このスクリプトを別の
<form>
内で使用することはできますか? - 同じIDの複数の要素を問題にすることはできますか?
- javascript間の衝突(関数やオブジェクトの再定義など)が問題になることはありますか?
_同じスクリプト(いくつかの小さな変更を加えたもの)をある種のフレームワークにモジュールとして貼り付けるように見えます。_ _はCSSが壊れています。プラグインのCSSファイルのURLを確認します。 – Sparky
@ Sparky:CSSルールだけでなく、onclickイベントも... –