Javascript上传视频并且预览播放功能

原创 ankang1989 随笔 笔记 351阅读 2018-06-11 09:17:48 举报

<!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>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复