我通过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/