2013-05-21 160 views
0

我有一个上传以下基本条件:配置FineUpload实例

<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失败”的显示,以
  • 我不想上传的文件名显示为下面的按钮子弹的文件名的权利,而是有权在它右边
  • 我不想要上传多个文件,但将限制大小设置为1也不符合我想要的 - 我希望能够选择/上传第二个文件,该文件可以替代第01个文件第一个(即我没有收到错误信息,我只是替换了以前的上传文件)

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

此外,我用asp:Button封装uploadButton会导致IE中断(我只是为了得到默认的CSS样式而做的)。

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

编辑:是的,我已经检查了github上的文档,并且很多FileUploader模式的设置根本不起作用。

+0

请显示您的所有HTML /进口。 –

+1

...我问这个问题,因为看起来你很可能没有在你的HTML文件头部包含正确的文件。 –

+0

根据您在上一篇文章中的建议,我固定了我的导入(在这种情况下,'') ,现在控件实际上是渲染。此时只是将我放入'qq.FineUploader(...)'的参数进行按摩,以及学习如何在后面的代码中链接这些参数。 – kmarks2

回答

1

我无法帮助您处理您的ASP代码,但我可以指出您在服务器端示例repo中的.NET示例以及服务器端自述文件(您在遇到这种情况时应该会遇到这种情况文档)。

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

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

+0

在通过fine-updater/docs下的github页面时,我没有看到服务器端读取我的链接?谢谢,多个作品很好。你知道如何制作(指上面的screencap)字符串“Processing dropped files ...”和“RetryDeleteUpload Failed”不可见吗? – kmarks2

+1

上传器加载时,它们不应全部为默认可见状态。您的项目中可能存在一些JavaScript错误,或者您没有将Fine Uploader的默认CSS文件导入到您的文档中。服务器端文档的链接目前是[here](https://github.com/Widen/fine-uploader-server/blob/master/readme.md)。在3.6中,我将在主自述文件中包含一个更好的文档参考部分,以便更容易地找到这些文档。 –

+0

我看着一个CSS问题,结果发现在Chrome的开发控制台中,我收到了一个'Uncaught SyntaxError:Unexpected token .'。这个错误对应于CSS文件开始的时间段:'.qq-upload {'。因此,CSS正在导入,它只是错误。 – kmarks2