Dom Vimeo drop uploader单击uploader

我在我的网站上使用vimeo drop uploader。我从你那里得到了上传器

当我放下图像时，它工作得很好。但我不知道如何点击打开上传窗口

上传器没有文件输入，只有div

这是html

 <div class="progress">
  <div id="progress" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="46" aria-valuemin="0" aria-valuemax="100" style="width: 0%">0%
   </div>
  </div>
  <div id="drop_zone">Drop files here</div>

0%
把文件放在这里

他们使用这个脚本

<script>
 function handleFileSelect(evt) {
         evt.stopPropagation();
         evt.preventDefault();
         var files = evt.dataTransfer.files; // FileList object.

         var accessToken = document.getElementById("accessToken").value;
         var upgrade_to_1080 = document.getElementById("upgrade_to_1080").checked;

         // Set Video Data
         var videoName = document.getElementById("videoName").value;
         var videoDescription = document.getElementById("videoDescription").value;

         // Clear the results div
         var node = document.getElementById('results');
         while (node.hasChildNodes()) node.removeChild(node.firstChild);

         // Rest the progress bar
         updateProgress(0);

         var uploader = new MediaUploader({
             file: files[0],
             token: accessToken,
             upgrade_to_1080: upgrade_to_1080,
             videoData: {
                name: (videoName > '') ? videoName : 'Default name',
                description: (videoDescription > '') ? videoDescription : 'Default description'
             },
             onError: function(data) {

                var errorResponse = JSON.parse(data);
                message = errorResponse.error;

                var element = document.createElement("div");
                element.setAttribute('class', "alert alert-danger");
                element.appendChild(document.createTextNode(message));
                document.getElementById('results1').appendChild(element);


             },
             onProgress: function(data) {
                updateProgress(data.loaded / data.total);
             },
             onComplete: function(videoId) {

                var url = "https://vimeo.com/"+videoId;

                document.getElementById("video").value = url;

                //var a = document.createElement('a');
//                a.appendChild(document.createTextNode(url));
//                a.setAttribute('href',url);
//
//                var element = document.createElement("div");
//                element.setAttribute('class', "alert alert-success");
//                element.appendChild(a);
//
//                document.getElementById('results').appendChild(element);
             }
         });
         uploader.upload();
       }

       /**
        * Dragover handler to set the drop effect.
        */
       function handleDragOver(evt) {
         evt.stopPropagation();
         evt.preventDefault();
         evt.dataTransfer.dropEffect = 'copy';
       }

       /**
        * Wire up drag & drop listeners once page loads
        */
       document.addEventListener('DOMContentLoaded', function () {
           var dropZone = document.getElementById('drop_zone');
           dropZone.addEventListener('dragover', handleDragOver, false);
           dropZone.addEventListener('drop', handleFileSelect, false);

       });

   var elem = document.getElementById('drop_zone');
   if(elem && document.createEvent) {
      var evt = document.createEvent("MouseEvents");
      evt.initEvent("click", true, false);
      elem.dispatchEvent(evt);
   }



       /**
        * Updat progress bar.
        */
       function updateProgress(progress) {
          progress = Math.floor(progress * 100);
          var element = document.getElementById('progress');
          element.setAttribute('style', 'width:'+progress+'%');
          element.innerHTML = progress+'%';
       }


      progress
 </script>

功能手柄文件选择（evt）{
evt.stopPropagation（）；
evt.preventDefault（）；
var files=evt.dataTransfer.files；//文件列表对象。
var accessToken=document.getElementById（“accessToken”）.value；
var upgrade_to_1080=document.getElementById（“upgrade_to_1080”）。选中；
//设置视频数据
var videoName=document.getElementById（“videoName”）.value；
var videoDescription=document.getElementById（“videoDescription”）.value；
//清除结果分区
var node=document.getElementById（'results'）；
而（node.hasChildNodes（））node.removeChild（node.firstChild）；
//休息一下进度条
updateProgress（0）；
var uploader=新媒体上传器({
文件：文件[0]，
令牌：accessToken，
将_升级到_1080：将_升级到_1080，
视频数据：{
名称：（videoName>“”）？videoName:“默认名称”，
描述：（videoDescription>“”）？videoDescription:“默认描述”
},
onError：函数（数据）{
var errorResponse=JSON.parse（数据）；
message=errorResponse.error；
var元素=document.createElement（“div”）；
元素setAttribute（'class'，'alert danger'）；
元素.appendChild（document.createTextNode（message））；
document.getElementById（'results1'）.appendChild（元素）；
},
onProgress：功能（数据）{
updateProgress（data.loaded/data.total）；
},
onComplete:函数（videoId）{
变量url=”https://vimeo.com/“+视频ID；
document.getElementById（“视频”）.value=url；
//var a=document.createElement（'a'）；
//a.appendChild（document.createTextNode（url））；
//a.setAttribute（'href'，url）；
//
//var元素=document.createElement（“div”）；
//元素setAttribute（'class'，“警报成功”）；
//元素。子元素（a）；
//
//document.getElementById（'results'）.appendChild（元素）；
}
});
uploader.upload（）；
}
/**
*Dragover处理程序设置放置效果。
*/
功能手柄（evt）{
evt.stopPropagation（）；
evt.preventDefault（）；
evt.dataTransfer.dropEffect='copy'；
}
/**
*加载页面后连接拖放侦听器
*/
document.addEventListener（'DOMContentLoaded'，函数（）{
var dropZone=document.getElementById（'drop_zone'）；
dropZone.addEventListener（'Dragver'，handleDragOver，false）；
dropZone.addEventListener（'drop'，handleFileSelect，false）；
});
var elem=document.getElementById（'drop_zone'）；
if（elem&&document.createEvent）{
var evt=document.createEvent（“MouseEvents”）；
evt.initEvent（“单击”，真，假）；
要素调度事件（evt）；
}
/**
*更新进度条。
*/
函数更新进度（进度）{
进度=数学楼层（进度*100）；
var element=document.getElementById（'progress'）；
setAttribute（'style'，'width:'+progress+'%'）；
element.innerHTML=进度+“%”；
}
进步

你能帮我一个忙吗？如何在点击时上传视频

演示

谢谢