在网页中上传并显示文件内容

Question

在网页中，如何用js实现点击一个按钮上传一个文件，然后再点击另一个按钮，将刚才上传的文件内容在该页面上以弹框的形式显示出来？？求助求助

Answer 1

<input type="file" id='file'>
<input type="button" value="读取" onclick="read();" />
<script type="text/javascript">
function read() {
var f=document.getElementById('file').files[0];
var r= new FileReader();
r.onload=function() {
alert(this.result);
};
r.readAsText(f,"UTF-8");//"UTF-8"是读取文件的文件编码，也可以是"GB2312"。
}
</script>

Answer 2

很多东西，读取出来是乱码。请问，怎么解决？读取图片的方法是不是不一样？我是要从flask+jiaja2的后端框架中上传一个图表，并读取显示该图表