我想在前端上传一个临时文本文件,比如“.json”文件。
然后在当前窗口html的一个div元素中查看。
假设 html body 有两个 div
左边的 div 有一个带有上传按钮的表单来上传文件 上传文件后右侧div显示文件内容
我不想向任何服务器发出任何请求。 我只想要一个前端脚本来上传文件并在其选项卡窗口中显示
这可能吗?怎么办?
最佳答案
<body>
<input id="File" type="file" />
<input id="Button" type="button" value="button" />
<div id="container"></div>
<script>
var input = document.getElementById('File');
var button = document.getElementById('Button');
var container = document.getElementById('container');
button.onclick = function () {
var reader = new FileReader();
reader.onload = function () {
container.innerHTML = reader.result;
}
input.files.length > 0 && reader.readAsText(input.files[0]);
}
</script>
</body>
关于javascript - 如何在前端上传临时图 block 并在其浏览器 html div 元素上查看,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24340169/