2017-12-21 10 views
-3

私はブラウザベースのビデオ編集ツールを作成しています。私は最初に〜70mbのjavascriptファイルをダウンロードし、彼のコンピュータのどこかに保存しておきたい。私は自分のウェブサイトが開かれたときにそのファイルをリンクしたい。どうすればそれを達成できますか?私は何を意味するのかjavascriptをhtmlにリンクするには

EDIT

は70メガバイト件までjs1.js、js2.js ...すべての合計のような様々なファイルがあるということです。だから私はダウンロードするzipフォルダを提供し、ユーザーが適用したいと望む効果に応じてjs1またはjs2ファイルのみをリンクする。

+0

を行う必要があります。 – gdoron

+0

これでローカルストレージを使用しようとすることはできますが、ウェブからハードドライブにアクセスするには何らかの設定が必要です。現代のブラウザではセキュリティが確保されている – StuiterSlurf

答えて

0

実際には自動的に行われる。 <script>タグにローカルjsファイル(サーバーにも格納されている)へのリンクを追加すると、ファイルが自動的にロードされます。 詳細については、HTML <script> src Attributeを参照してください。

サーバー上のjsファイルのみを参照できます。サーバー上のファイルは、次のようになります。

  • index.htmlを
  • somefancyjsfile.js

あなたはその後、<script>タグを介してのjsファイルにHTMLファイル内から参照することができます。 サイズがあまりにも大きすぎない場合は確信しています...

+0

よく、ユーザーのローカルファイルシステムのパスを取得する方法 – sam

+0

クライアントファイルシステム上のファイルにアクセスすることはできません。 jsファイルはサーバー経由でのみ提供できます。 –

0

私はあなたに知らせて申し訳ありませんが、あなたがしようとしているものに本当に間違っていると思います。

「解決策」は、ユーザーのブラウザにJavaScriptをキャッシュするだけで、その後の要求はサーバーからリソースを再度要求するのではなくキャッシュを解析することになります。

しかし、あなたが〜70mbのjavascriptファイルをダウンロードする必要がある場合は、何か問題があることを知っておくべきです。私は全体のサイズが約60メガバイト、適切に実行するために必要なすべてのファイルが含まれて公開されたとき、そこにその邪悪な大きなコードベース全体のWebアプリケーションプロジェクトがあります。私はそれが非常に難しいことに大きなものとするために、単一のJavaScriptファイルの必要性はこれまで存在し信じることを見つける

は、どのような場合には、多分、単純なキャッシュはブラウザが箱から出してどのように動作するかだトリック

+0

私が意味することは、js1、js2のような様々なファイルがあることです。合計は最大70MBです。だから私はダウンロードするzipフォルダを提供し、ユーザーが適用したいと望む効果に応じてjs1またはjs2ファイルのみをリンクする – sam

+0

なぜあなたは一度にすべてをローカルでダウンロードする必要がありますか? js1、js2を最初にデフォルトとしてロードし、最初のロードではなくユーザのクリックでのみ必要なので、残りのファイルを非同期にロードすることができます。

  • 11. ユニットテスト/ 2017.htmlにリンクするには?
  • 12. doxygen htmlのクラスメソッドにリンクするには
  • 13. Wordpressでhtmlページをリンクするには
  • 14. htmlとPHPプログラムをリンクするには
  • 15. JavaScriptリンクをHTMLリンクのように動作させるにはどうすればよいですか?
  • 16. <a href...>のリンクにあるjavaScriptでHTMLをロード
  • 17. HTMLにjavascriptを追加するには?
  • 18. 私のHTMLファイルは私のJavascriptファイルにリンクされません
  • 19. Laravel 5.3 HTMLリンクは、URLに
  • 20. html/javascript:リンク先を非表示にして新しいタブでリンクを開く
  • 21. HTMLリンクで次のページにリンクする前にオーディオを再生
  • 22. Javascriptは動的か静的にHTMLにリンクされていますか?
  • 23. htmlからjavascriptをアンロードするには?
  • 24. ダイナミックな.htmlフォームを.jspにリンクする
  • 25. Django htmlページをビューにリンクする
  • 26. オブジェクトメソッドをhtml要素リスナーにリンクする
  • 27. ファイルをHTMLリンクに参照する
  • 28. ビデオをHTMLアンカータグにリンクする
  • 29. htmlページの領域をリンクにする
  • 30. React.jsファイルをhtmlにリンクする方法