Question

我有一个文件上传按钮，当我用

将其直接放入HTML正文时，它可以正常工作

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

但是当我尝试使用javascript将它放在div中时，按钮出现在正确的位置，但按下它时不再有效：

centerWindow.innerHTML="<input type='button' id='uploader' value='Upload'>";

使按钮上传文件的脚本如下：

   <script type="text/javascript"> 
              var element = document.getElementById('uploader');
              upclick(
                  {
                  element:element, 
                  action: '/mailer/file_upload.php', 
                  onstart: 
                    function(filename) 
                    {
                      alert('Uploading: '+filename);
                    },
                  oncomplete:
                    function(response_data) 
                    {
                      alert('Data upload complete.');
                    }
                  } 
              );
    </script>

我该如何解决这个问题？

Answer 1

按钮是DOM的一部分后，你必须让你的upclick()被调用，现在我相信你之前正在调用它

//code to make button
var element = document.createElement('input');
element.value = 'Upload';
element.id = 'uploader';
element.type = 'button';
document.body.appendChild(element);
upclick({
    element: element,
    action: '/mailer/file_upload.php',
    onstart: function (filename) {
        alert('Uploading: ' + filename);
    },
    oncomplete: function (response_data) {
        alert('Data upload complete.');
    }
});

演示：http://jsfiddle.net/howderek/tCcQL/

Answer 2

将按钮直接放在html中，就像之前一样。设置它的可见性：用css隐藏。当您希望它可见时，使用JS使其可见。

您的脚本可以正常使用

使用javascript放置按钮时不起作用

2 个答案:

演示：http://jsfiddle.net/howderek/tCcQL/