HTML5实现文件上传进度条显示

来源：互联网发布：沟通软件编辑：程序博客网时间：2024/06/05 19:56

今天学习了一些HTML5，实现了一个上传文件进度条显示功能，但是并未上传到服务器，只是保存在浏览器内存中

<!DOCTYPE html><html><head><title>progress</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /></head><body>浏览文件:<input type="file" id="file1" /><br />上传进度:<progress id="pro" value="0"></progress><div id="result"></div><input type="button" value="读取二进制文件" onclick="readBinary();" /><br /><script type="text/javascript">var reader=null;if(FileReader){        reader=new FileReader();}else{        alert("ERROR!");}var readBinary=function(){        reader.readAsBinaryString(document.getElementById("file1").files[0]);        var pro=document.getElementById("pro");        pro.max=document.getElementById("file1").files[0].size;        reader.onprogress=function(evt){                pro.value=evt.loaded;        }}</script></body></html>

0 0