2011-02-09 126 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>