表紙ソフトウェアチュートリアルWeb サイトのダウンロード用にダイナミック リンク アドレスを設定してダウンロードする方法
Web サイトのダウンロード用にダイナミック リンク アドレスを設定してダウンロードする方法

HTML コードにはリンク アドレスがありません。そのアドレスは、ファイルのダウンロードや複数解像度の画像で一般的な、フロントエンド js の実行によって生成されるアドレスです。

どのような種類のダイナミック リンクがサポートされていますか?

  • タグ属性値で連結されたリンクアドレス

HTML コード

クリックしてダウンロード
  • クリックされたとき クリックしてダウンロード ボタンをクリックすると、ダウンロード アドレスが指定されます。data-fileid="ファイル名.zip"ファイル名.zip たとえば、スプライスされたアドレスは次のとおりです。http://www.demo.com/files/文件名.zip

設定方法

上記のコードを例として挙げます

  • クエリタグ:.downloadFile
  • 交換加工:記入不要
  • ラベルの属性:data-fileid
  • スプライシング接頭辞:htp://www.demo.com/files/
  • スプライシング接尾辞: 記入する必要はありません

交換処理

このタイプの img:srcset は、異なる画像サイズを動的に生成します。

さまざまな解像度に応じて、js はさまざまな画像サイズを動的に読み込みます。srcset は、サポートされている画像サイズを含む配列です。

レンダリング後の画像アドレスは、

設定はこんな感じです。 交換前:/image- 交換後:/image-180.jpg|/image-320.jpg|/image-640.jpg|/image-800.jpg

置換後のパラメータのアドレスが複数ある場合は「|」で区切ります。

  • 以上の処理により、それぞれ4組の画像アドレスが得られる。
http://www.demo.com/files/20220603/image-180.jpg http://www.demo.com/files/20220603/image-320.jpg http://www.demo.com/files/20220603/image-640.jpg http://www.demo.com/files/20220603/image-800.jpg

制限

  • 現在、複数パラメータのスプライシングはサポートされておらず、現在サポートされているパラメータのスプライシングは 1 つだけです。
  • より複雑なパラメータ処理の問題。
ソフトウェア アプリケーション: フロントエンド テンプレートのダウンロード、オフライン Web ブラウジング。注: このソフトウェアはハッカー プログラムではないため、バックグラウンド データをダウンロードすることはできません。
免責事項:本サービスは、個人的な学習、研究、鑑賞、その他の非営利または非営利の目的を目的としていますが、同時に著作権法およびその他の関連法の規定を遵守する必要があり、権利を侵害してはなりません。この Web サイトおよび関連する権利所有者の法的権利。このサイトのツールの使用に伴うリスクは、このソフトウェアとは何の関係もありません。
Copyright © 2019-2024 Rabbit Software All Rights Reserved 広東省 ICP No. 19111427-2
チュートリアル情報 ユーザーマニュアル ウェブサイトのトピックス