我让Fine-Uploader运行得很好,但是我试图将整个界面变成一个非常狭窄的对话框,并且需要调整文件名将省略号添加到其中间的长度,以便截断它们以使它们适合。
目前文件名正在被截断,但只有在它们变得很长之后才会被截断。我无法确定文件名的长度在何处确定,以及正在使用的机制。似乎没有使用text-overflow:省略号css标记。
感谢。
答案 0 :(得分:1)
自从早期的@ ray-nicholus回答以来,在上传版本的精细上传器中已经发生了变化。 CSS现在会在' qq-upload-file'上指定text-overflow: ellipsis
。 class,默认formatFileName
处理不会截断或修改文件名。
因此,要立即阻止椭圆,您需要修改qq-upload-file
的宽度和/或覆盖CSS text-overflow: ellipsis
属性。
v5.11.9也是如此。我不知道它什么时候发生了变化。
答案 1 :(得分:0)
您是对的,text-overflow: ellipsis;
未使用。为什么?因为在我看来,这不是解决这个问题的正确方法。使用text-overflow: ellipsis;
会导致文件名中最后n个字符丢失,其中包括扩展名。对于许多或至少一些用户来说,扩展可能是重要的/有用的。因此,Fine Uploader使用一些简单的JavaScript来限制文件名的长度,仍然保留名称的最后几位。默认行为作为formatFileName
option的函数值提供。默认情况下,它将文件名限制为33个字符,加上3个省略号分隔文件名的两半。您可以使用自己的逻辑覆盖此选项。