Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ファイルシステムAPIを使用してHTMLでローカルドライブからローカルファイルシステムにアップロードする

ローカルドライブからローカルファイルシステムにアップロードするには、-

を使用できます。
  • のWebkitdirectory属性-これにより、ユーザーは適切なダイアログボックスでディレクトリを選択できます。
  • ファイルシステムAPIはサンドボックス化されたファイルシステムであり、クライアントのマシンにファイルを保存できます。
  • File APIを使用すると、ファイルを読み取ることができます。 要素
    • からファイルにアクセスできます

上記のすべてがGoogleChromeで正常に機能しています。

WebKitディレクトリは、これらの中ではるかに優れたオプションです。ディレクトリには以下を使用してください-

webkitRequestFileSystem(
   window.TEMPORARY, 5 * 1024 * 1024, function(_fs) {
      fs = _fs;
   },
Err

上記、errおよびfsは-

var fs,
err = function(err) {
   throw err;
};

  1. HTMLファイルがソースモジュールからJavaScript関数を見つけられないのはなぜですか？

    これは、「export」ステートメントを使用していない場合に発生する可能性があります。スクリプトファイルにインポートされる関数の前に「エクスポート」を使用します。 JavaScriptファイルは次のとおりで、emo.jsという名前のファイルがあります。 demo.js console.log("function will import"); export function test(){    console.log("Imported!!!"); } 上記の関数をインポートする「index.html」ファイルは次のとおりで

  2. HTMLでファイルアップロードボタンを作成するにはどうすればよいですか？

    HTMLでファイルアップロードボタンを作成する方法については、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <h1>File upload button example</h1> <p>Click on the "Choose File" button to upload a file:</p> <form> <input type="file" id="FILE" name="f