2011-02-09 52 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 2011-02-09 17:42:37

+0

問題是什麼?什麼不行? – 2011-02-09 17:42:41

回答

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嗎?

確保您上傳到的文件夾存在並具有寫入權限。

1

我發現Uploadify不適用於老版本的jQuery。不知道你是否會找到相同的 - 給它一個。

對我來說這一次的工作...

<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>