gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 09:11:26 25 4
gpt4 key购买 nike

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

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

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

最佳答案

您可以使用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 .

关于javascript - 如何在javascript中读取HTML文件内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42138572/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com