Uploadify不显示按钮

时间:2011-02-09 17:41:04

标签: jquery uploadify

我正在尝试使uploadify 3.0(基于jQuery的文件上传脚本)工作,但似乎我不能。这就是我使用它的方式:

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

感谢您的帮助。

3 个答案:

答案 0 :(得分: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 :(得分: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>

答案 2 :(得分:0)

它的flash包已在不同的浏览器中更新。 只需在所有网站上允许flash并刷新它可以工作的网站。它对我有用。 如果有人有更好的解决方案,请告诉我们 以供参考 https://support.google.com/chrome/answer/6258784?co=GENIE.Platform%3DDesktop&hl=en