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

时间:2013-04-18 09:23:15

标签: javascript jquery button click

我有一个按钮,我想使用“upclick”-plugin来上传文件

<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");

                    }

等等 - 任何想法为什么它不会开火 - 我收到警报信息!

1 个答案:

答案 0 :(得分:1)

$("uploader")...

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

您的上一个.click使用了正确的选择器,但您希望将其用于.trigger()事件:

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

通过官方jQuery教程,您可能会从中受益匪浅:http://try.jquery.com