美文网首页
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