配置FineUpload实例

时间:2013-05-21 15:57:45

标签: javascript asp.net file-upload fine-uploader

我有一个上传者的基本设置:

<script type="text/javascript">
   $(document).ready(function () {
      var uploader = new qq.FineUploader({
         element: $('#fine-uploader')[0],
         request: {
            endpoint: 'server/handleUploads'
         },
         autoUpload: true,
         multiple: false,
         text: {
            uploadButton: '<asp:Button ID="btnFineUploader" runat="server" style="margin-right:7px;width:65px;" Text="Browse" CssClass="button" />'
         },
         validation: {
            allowedExtensions: ['mp3', 'wav'],
         }
      });
   });
</script>

<div id="fine-uploader"></div>

这会产生以下结果:

current appearance

现在我至少有了上传器渲染,我正在努力让它以特定的方式显示/表现。以下是我要完成的一些事情:

  • 我不想显示“处理丢弃的文件”(它一直显示,甚至在我选择/上传文件之前)
  • 我不希望“RetryDeleteUpload failed”显示在文件名右侧
  • 我不希望上传的文件名在按钮下方显示为子弹,而是在右侧显示
  • 我不希望上传多个文件,但将限制大小设置为1也不能满足我的需求 - 我希望能够选择/上传替换的第二个文件第一个(即我没有收到错误,我只是替换上一个上传)

此外,这可能非常简单,但如何将端点连接到ASP.NET代码隐藏中的某些内容?添加方法“void handleUploads()”?

另外,我将带有asp:Button的uploadButton包装在IE中会导致破坏(我只是为了获得默认的CSS样式)。

感谢。希望我可以将其包装好,获得许可并尽快部署。

编辑:是的,我已经检查了github上的文档,而且FileUploader模式的许多设置都无法正常工作。

1 个答案:

答案 0 :(得分:1)

我无法帮助您使用ASP代码,但我可以向您指出服务器端示例repo中的.NET示例,以及服务器端自述文件(您在浏览时应该遇到的)文档)。

存在前三个问题,因为您尚未将默认CSS文件导入到文档中。如果您正确导入,您将看到这些问题不再具有任何意义。

对于您的第4个项目符号,请将multiple选项设置为“false”,就像您在上面的代码中所做的那样。