2011-02-09 8 views
1

私はuploadify 3.0(jQueryベースのファイルアップロードスクリプト)を作成しようとしていますが、私は傾けるようです。ここでは、私はそれを使用している方法は次のとおりです。Uploadifyが表示されない

<script type="text/javascript" src="jquery.uploadify.min.js"></script> 
<script type="text/javascript" src="jquery-1.5.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$('#file_upload').uploadify({ 
'swf' : 'uploadify.swf', 
'uploader' : 'uploadify.php', 
'cancelImg' : 'uploadify-cancel.png', 
'folder' : 'uploads', 
'auto' : true 
}); 
}); 
</script> 

そしてここでは、HTML部分です:助けを

<fieldset style="border: 1px solid #CDCDCD; padding: 8px; padding-bottom:0px; margin: 8px 0"> 
     <legend><strong>Uploadify - Single and Multiple Sample</strong></legend> 

     <h2>Multiple File Auto Upload</h2> 
     <p>Images Only</p> 

     <input id="file_upload" name="file_upload" type="file" /> 

     <p></p> 
    </fieldset> 

感謝。

+0

あなたは問題がありますか? – CanSpice

+0

問題は何ですか?何がうまくいかない? –

+0

実際のエラーや問題点をご記入ください。 – Cfreak

答えて

1

私には眉を上げるいくつかのことがあります。まず、swfobjectスクリプトへの参照はありません。これに似た行があるはずです。

<script type="text/javascript" src="/swfobject.js"></script> 

または自由にホストされたバージョンがここにあり

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> 

また、私は

など、アップロードボタンの位置、画像を決定するuploadifyの.cssファイルへの参照が表示されません
<link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" /> 

そして、ルートディレクトリを見ているすべてのファイルパスを持っているようですが、これはプロジェクトに適していますか?本当にuploadify.swf、uploadify.php、uploadify-cancel.pngは同じディレクトリにありますか?

アップロードするフォルダが存在し、書き込み権限を持っていることを確認してください。

+0

Uploadify 3.0はswfobject.jsを必要としません。 –

1

Uploadifyが古いバージョンのjQueryでは動作しないことが判明しました。あなたが同じものを見つけるかどうかわからない - それを行ってください。別のブラウザで更新してしまった

この1つは私のために働いた...

<script type="text/javascript" src="jquery.uploadify.min.js"></script> 
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$('#file_upload').uploadify({ 
'swf' : 'uploadify.swf', 
'uploader' : 'uploadify.php', 
'cancelImg' : 'uploadify-cancel.png', 
'folder' : 'uploads', 
'auto' : true 
}); 
}); 
</script> 
関連する問題