javascript - 上传按钮不会以编程方式触发

Question

我有一个按钮，我想使用“upclick”插件上传文件

<script type="text/javascript" src="~/Scripts/upclick-min.js"></script>

<input type="button" id="uploader" value="Upload" >

<script type="text/javascript">

   var uploader = document.getElementById('uploader');

   upclick(
     {
      element: uploader,
      action: '/path_to/you_server_script.php', 
      onstart:
        function(filename)
        {
          alert('Start upload: '+filename);
        },
      oncomplete:
        function(response_data) 
        {
          alert(response_data);
        }
     });

现在按钮本身可以工作并打开“打开文件”对话框，但我似乎无法以编程方式触发“点击”事件。我尝试了所有不同的语法编写方式：

if (ui.draggable.hasClass('ui-dragdrop-picElement')) {
                        //$("uploader").trigger("click");
                        //$("uploader").click();
                        //$('uploader').click();
                        //$('#uploader').click();
                        //$("#uploader").click(); 
                        //$("#uploader").trigger("click");  
                        //$('button#uploader').trigger('click');
                        $('#uploader').trigger('click'); 
                        alert("w00t");

                    }

等等-知道为什么它不会触发-我收到警报消息！

Answer 1

$("uploader")...

这是无效的。没有<uploader>元素。

您的最后一个.click使用正确的选择器，但您希望在.trigger()事件中使用它：

$("#uploader").trigger("click");

通过阅读官方 jQuery 教程，您可能会受益匪浅：http: //try.jquery.com。