css - Fine-Uploader ファイル名の省略記号、長さはどこで指定されますか?

Question

Fine-Uploader はうまく機能していますが、インターフェイス全体を非常に狭いダイアログに押し込もうとしており、ファイル名を切り詰めるために、省略記号を途中に追加する長さを調整する必要があります。彼らは合います。

現在、ファイル名は切り詰められていますが、非常に長くなってからです。ファイル名の長さがどこで決定されているのか、どのメカニズムが使用されているのかわかりません。text-overflow: ellipsis css タグを使用していないようです。

ありがとう。

Answer 1

これは、@ ray-nicholus による以前の回答以降、新しいバージョンの fine-uploader で変更されました。CSS はtext-overflow: ellipsis'qq-upload-file' クラスで を指定するようになりました。デフォルトのformatFileName処理では、ファイル名の切り捨てや変更は行われません。

したがって、楕円を回避するには、CSS属性の幅を変更するqq-upload-fileかオーバーライドする必要があります。text-overflow: ellipsis

これは v5.11.9 に当てはまります。正確にいつ変更されたのかはわかりません。

Answer 2

あなたは正しいです、text-overflow: ellipsis;使用されていません。なんで？私の意見では、これはこの問題の正しい解決策ではないためです。を使用text-overflow: ellipsis;すると、拡張子を含むファイル名の最後の n 文字が失われます。多くの、または少なくとも一部のユーザーにとって、拡張機能は重要/有用な場合があります。そのため、Fine Uploader は簡単な JavaScript を使用してファイル名の長さを制限し、名前の最後のビットを保持します。デフォルトの動作は、formatFileNameオプションの関数値として提供されます。デフォルトでは、ファイル名を 33 文字に制限し、さらにファイル名の半分を区切る 3 つの省略記号を加えます。このオプションは、独自のロジックでオーバーライドできます。