- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title></title>
- </head>
- <body>
- <input type="file" id="files" onchange="preview(this)" />
- <div style="margin:10px auto; height:768px;width: 1028px;border:1px dashed #ccc" id="text">
- </div>
- <script>
- function preview(file){
- var tex=document.getElementById('text');
- if(file.files&&file.files[0]&&file.files[0].size<100*1028*1028){
- var reader=new FileReader();
- reader.onload=function(e){
- tex.innerHTML="<video autoplay=\"autoplay\"controls=\"controls\"src='"+e.target.result+"'></video>"
- }
- reader.readAsDataURL(file.files[0]);
- }
- else{
- alert("上传文件过大")
- }
- }
- </script>
- </body>
- </html>
来源: http://www.qdfuns.com/article/50323/cb2bf8507c9bcedcaf292fd67785224b.html