ecshop二次开发--视频上传

1.前台展示效果：

2.后台展示效果：

3.代码实现：

后台实现过程：
1.在languages/zh_cn/admin/goods.php中插入
<span><span>$_LANG[</span><span class="string">'tab_video'</span><span>] = </span><span class="string">'视频上传'</span><span>; 
</span></span>

2显示标签在admin/templates/goods_info.htm中

将<span class="tab-back" id="video-table">{$lang.tab_video}</span>

写入到<div id="tabbar-div">里

然后，在form标签中将下面代码粘贴在下图之上<p><img src="https://img-blog.youkuaiyun.com/20160523154630820?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></p> 

    <table width="90%" id="video-table" align="center" style="display:none;">  
            <tr>  
            <td>   
                <div  id="drop_area" style="border:3px solid red;width:200px; height:150px">    
                    将将你所需上传视频拖拽到此即可    
                </div>    
                  <input type="hidden" id="video_val" name="goods_video">  
                <progress value="0" max="10" id="prouploadfile"></progress>    
                    
                <span id="persent">0%</span>    
                <br />    
                <!--<button οnclick="xhr2()">ajax上传</button>-->       
                <input type="button" οnclick="stopup()" id="stop" value="上传">       
                <script>    
                //拖拽上传开始    
                //-1.禁止浏览器打开文件行为    
                document.addEventListener("drop",function(e){  //拖离     
                    e.preventDefault();        
                })    
                document.addEventListener("dragleave",function(e){  //拖后放     
                    e.preventDefault();        
                })    
                document.addEventListener("dragenter",function(e){  //拖进    
                    e.preventDefault();        
                })    
                document.addEventListener("dragover",function(e){  //拖来拖去      
                    e.preventDefault();        
                })    
                //上传进度    
                var pro = document.getElementById('prouploadfile');    
                var persent = document.getElementById('persent');    
                function clearpro(){    
                    pro.value=0;    
                    persent.innerHTML="0%";    
                }            
                //2.拖拽    
                var stopbutton = document.getElementById('stop');    
                    
                var resultfile="";  
                var box = document.getElementById('drop_area'); //拖拽区域