0

まず、私は決して jQuery の第一人者ではなく、これが私の頭を悩ませていることを本当に知っていると言うことから始めましょう。それが私が SO に来た理由です。

ページ上のリンクのファイルサイズを見つけて、リンクの横にファイルサイズのテキストを挿入/追加するjQueryの方法はありますか?

これが私の問題です

私のページの 1 つに、PDF ファイルである私の履歴書へのリンクがあります。使いやすさを向上させるために、リンクの横にファイルの種類とファイル サイズを表示するのが適切です。これにより、ユーザーはクリックするかどうかを決定できるようになります。そのリンクかどうか。したがって、リンクは次のようになります"Download my resume (PDF / 80KB)"

問題は、履歴書を常に更新し、もちろんファイル サイズが異なる新しい PDF ファイルをアップロードしていることです。そのため、常に HTML に戻って、新しいファイル サイズを反映するようにテキストを変更しています。

これをjQueryで自動化する方法はありますか...それとも普通のJavaScriptですか？

このスクリプトを見つけて、Codepen でデモを作成しましたが、動作しないようです。

これについての助けをいただければ幸いです。

4

2 に答える 2

2

あなたが書いた（2回）

json.headers['Content-Length']

プロパティの名前 (応答の本文で確認できます) が実際には小文字の場合:

json.headers['content-length']

このキーを修正すると、出力は次のようになります。(pdf 101.6 KB)

また、履歴書とダウンロード ページの両方が同じドメインにある場合は、単純にHEADajax リクエストを使用してcontent-length応答ヘッダーを読み取ることができます。

于 2013-06-24T16:13:29.860 に答える
0

サイズが約 80KB になる場合は、問題になりません。リンクにサイズを入れるのはかなり時代遅れのようです。これを行う簡単な方法は、理論上の最大値 (たとえば 150KB など) を計算することです。"Download my resume (PDF / < 150KB)"

それ以外の場合、これをクライアント側で行う唯一の方法は、ファイルをダウンロードし、サイズを計算し、リンクを更新することであり、これによりオブジェクトが無効になると考えていました。

于 2013-06-24T16:13:48.697 に答える