在Catalyst应用中上传进度条

时间:2017-03-01 12:21:57

标签: jquery file-upload catalyst

对于我的Catalyst项目(Apache2下的FastCGI),我想有一个上传进度条。表单是使用HTML :: FormHandler创建的,包含多个文本字段和文件上传输入(它不是纯文件上传器)。

到目前为止,我尝试了1)Catalyst::Plugin::UploadProgress和2)jQuery Form Plugin - 没有成功。表单提交和文件上传仍然有效,但1)没有进度条可见,2)进度条保持0%。

我尽可能地跟踪文档。我错过了什么?这些解决方案是否应该与Catalyst开箱即用?

尝试1)Catalyst :: Plugin :: UploadProgress

null

尝试2)jQuery表单插件

<head>
    <link href="/static/css/progress.css" rel="stylesheet" type="text/css" />
</head>

<form enctype="multipart/form-data" action="/run/start" method="post" onsubmit="return startEmbeddedProgressBar(this)">
    <input type="text" name="name" />
    <input type="date" name="date" />
    <input type="file" name="file" />
    <input type="submit" name="submit" />
</form>

<div id="progress"></div>

<script src="/static/js/progress.js" type="text/javascript"></script>
<script src="/static/js/progress.jmpl.js" type="text/javascript"></script>

1 个答案:

答案 0 :(得分:0)

好的,使用jQuery Form Plugin的第二个解决方案现在就像魅力一样。 浏览器控制台显示错误ajaxForm is not a function。问题可能是github不想成为CDN。在本地提供jquery.form.js之后,问题就解决了。