如何在javascript中读取HTML文件内容

Bin*_*esh 2 html javascript ajax file

我正在通过ajax发送数据以在mysql中发布。在这种情况下如何插入图像文件内容?

如果我使用类似: var formData = document.getElementById("img_file");
警报(formData.files[0]);

,我得到错误。注意:img_file 是文件 dom 的 id。对此有什么想法吗?

Nit*_*esh 5

为此,您可以使用 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>
Run Code Online (Sandbox Code Playgroud)

在此处查找更多详细信息。