2017-02-09 7 views
-1

私はmysqlで投稿するためにajax経由でデータを送信しています。このコンテキストでは、イメージファイルの内容をどのように埋め込むのですか?JavaScriptのHTMLファイルの内容を読む方法

私が次のように使用している場合: var formData = document.getElementById( "img_file");
アラート(formData.files [0]);

、エラーが発生します。注意:img_fileは、ファイルdomのIDです。 これについてお考えですか?

+0

可能性のある複製http://stackoverflow.com/questions/942105/file-data-from-input-element –

+0

「私はエラーが発生します」 - **何が**エラー? – Quentin

+0

@Quentin、私はそのデータセットからファイルの詳細を抽出できませんでした。本当のトラブルと間違いでした。 – Bineesh

答えて

2

この目的では、javascript FileReaderを使用できます。ここでは、サンプルコードのデモンストレーションを示します。

<html> 
 
    <body> 
 

 
     <input type="file" id="fileinput" /> 
 
     <div id="ReadResult"></div> 
 
     <script type="text/javascript"> 
 
      function readSingleFile(evt) { 
 
       //Retrieve the first (and only!) File from the FileList object 
 
       var f = evt.target.files[0]; 
 

 
       if (f) { 
 
        var r = new FileReader(); 
 
        r.onload = function (e) { 
 
         var contents = e.target.result; 
 
         document.getElementById("ReadResult").innerHTML = contents; 
 
        } 
 
        r.readAsText(f); 
 
       } else { 
 
        alert("Failed to load file"); 
 
       } 
 
      } 
 

 
      document.getElementById('fileinput').addEventListener('change', readSingleFile, false); 
 

 
     </script> 
 
    </body> 
 

 
</html>

詳細hereを探します。

関連する問題