为什么在尝试运行blueimp上传器时出现{“files”:[]}?

时间:2013-10-09 20:43:20

标签: node.js file-upload jquery-file-upload blueimp

我遵循了以下指示:

  

您可以通过npm将Node.js示例安装到您的服务器。 npm安装   blueimp-文件上传节点

     

启动服务:./ node_modules/blueimp-file-upload-node/server.js

     

下载插件,解压缩,编辑index.html并将表单操作指向   你的Node.js(即http://localhost:8080)。你也可以上传   将文件投影到任何其他服务器并将其用作UI来上载文件   到Node.js服务器。

当我导航到本地主机8888时,我得到一个文件数组:{"files":[]}。本地主机8080无法连接。

这是索引页面上的表单操作:

    <form id="fileupload" action="//localhost:8888" method="POST" enctype="multipart/form-data">

我是节点和应用程序开发的新手。任何帮助将非常感激。谢谢。

1 个答案:

答案 0 :(得分:0)

查看该模块中的代码,默认端口为8888,因此请使用localhost:8888作为服务。

导航到localhost:8888将返回到目前为止已上传的文件列表。在你的情况下,这个目录是空的,最初对我来说也是空的。

您可以手动将文件放入上传目录进行测试 - 我这样做了:

touch node_modules/blueimp-file-upload-node/public/files/test.txt

然后在访问localhost:8888时我得到了:

{"files":[{"name":"test.txt","size":0,"deleteType":"DELETE","deleteUrl":"http://localhost:8888/files/test.txt","url":"http://localhost:8888/files/test.txt"}]}

这是个好消息!要实际发布文件,您需要的内容比您提供的示例要多一些。

在我使用的sample.html中(取自here

<form enctype="multipart/form-data" action="http://localhost:8888/upload" method="POST">
    <input type="hidden" name="MAX_FILE_SIZE" value="100000" />
    <label for="upload-file">Choose a file to upload:</label>
    <input name="uploadfile" id="upload-file" type="file" /><br />
    <input type="submit" value="Upload File" />
</form>

使用该表单选择并上传文件使其可用。