美文网首页
thinkPHP 上传视频实时显示在页面上

thinkPHP 上传视频实时显示在页面上

作者: 公子_b4cb | 来源:发表于2018-11-14 15:50 被阅读0次

<form enctype="multipart/form-data" action="jianli2" id="form2" method="post">

            <div class="jianli_left_sec jianli_bj_video" style="display: none;">

                <div class="jianli_left_sec_tit">

                    <b>编辑视频简历</b>

                    <div class="pull-right jianli_btn">

                        <a class="jianli_close jianli_video_close"></a>

                    </div>

                </div>

                <div class="margint1">

                    <video id="hour" src="{$data[0]['vedio']}?auth_key=1541400615-0-0-86a2e6b8066512e6c72fc8cb11dc008e&amp;bcevod_channel=searchbox_feed&amp;pd=bjh&amp;abtest=all" width="650" height="226" controls="controls" oncanplaythrough="myFunction(this,'hour')"></video>

                    <div class="operation_btn pull-right">

                        <textarea style="display:none;" name="hourhour" id="hourhour" value=""></textarea>

                            <a class="upload_btn marginlr1 fileinput-button">

                                <span>从新上传</span>

                                <input type="file" name="files" accept="video/mp4"  onchange="changeFile(this,'hour')">

                            </a>

                        <a class="save_btn save_btn22">保存</a>

                    </div>

                    <div style="clear:both"></div>

                </div>

            </div>

        </form>

          <script >

                            function changeFile(ele,v){

                                var video = ele.files[0];

                                var url = URL.createObjectURL(video);

                                console.log(url);

                                document.getElementById(""+v+"").src = url;

                            }

            </script>

相关文章

网友评论

      本文标题:thinkPHP 上传视频实时显示在页面上

      本文链接:https://www.haomeiwen.com/subject/khejfqtx.html