如何使用Valum的上传器演示项目

时间:2012-03-06 22:41:48

标签: jquery html ajax

这是一个noob问题,但无论我做什么,我都无法让Valum的Uploader工作。我从zip文件中提取文件并尝试在客户端文件夹中的demo.htm页面,但每次我尝试上传某些内容时,都会收到一条消息,说明上传失败了。谁能告诉我如何使用这个东西?另外,我如何使用action参数?

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="fileuploader.css" rel="stylesheet" type="text/css">
    <style>
        body {font-size:13px; font-family:arial, sans-serif; width:700px; margin:100px auto;}
    </style>
</head>
<body>
    <p><a href="http://github.com/valums/file-uploader">Back to project page</a></p>

    <p>To upload a file, click on the button below. Drag-and-drop is supported in FF, Chrome.</p>
    <p>Progress-bar is supported in FF3.6+, Chrome6+, Safari4+</p>

    <div id="file-uploader-demo1">
        <noscript>
            <p>Please enable JavaScript to use file uploader.</p>
            <!-- or put a simple form for upload here -->
        </noscript>
    </div>

    <script src="fileuploader.js" type="text/javascript"></script>
    <script>
        function createUploader(){
            var uploader = new qq.FileUploader({
                element: document.getElementById('file-uploader-demo1'),
                action: 'fileuploader.js',
                debug: true
            });
        }

        // in your app create uploader as soon as the DOM is ready
        // don't wait for the window to load
        window.onload = createUploader;
    </script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您需要将上传器指向将处理上传的服务器端脚本。

现在,当你在页面的javascript中创建一个新的qq.FileUploader时,你传递了参数:

动作:'fileuploader.js'

这是一个处理客户端上传的javascript文件。您需要有一个不同的服务器端文件来处理服务器端的上载。 Github存储库https://github.com/valums/file-uploader/tree/master/server中有一些选项可供选择,具体取决于您运行PHP或Perl还是Coldfusion,可以使用不同的文件。

通过打开解压缩文件夹中的demo.htm文件,您也可以“运行”该文件。为了实现这一点,你需要一个带有php或perl等的web服务器。如果你正在运行的Windows和简单的开始使用的是Uniserver。