Question

我通过ajax发送数据到mysql发布。在这种情况下如何包含图像文件内容？

如果我使用喜欢： var formData = document.getElementById（“img_file”）;
警报（formData.files [0]）;

，我收到错误。注意：img_file是文件dom的id。对此有何想法？

Answer 1

您可以使用javascript FileReader来实现此目的。这是一个示例代码演示。

＆＃13;

<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>

＆＃13;

查找更多详情here。

Answer 2

我认为这可能会对您有所帮助。

 $('#image').change(function () {
            $("#add").attr("disabled", true);
            var img = this.files[0];
            var reader = new FileReader;
            reader.readAsDataURL(img);
            reader.onload = function (e) {
                var file = new Image;
                file.src = e.target.result;
                file.onload = function () {
                    $("#height").text(file.height);
                    $("#width").text(file.width);
                    $("#imageprev").attr("src", file.src);
                    $("#upld").removeAttr("disabled");
                }
            }

        });

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

2 个答案: