uploadbutton.html中上传按钮的问题

主题: uploadbutton.html中上传按钮的问题

作者: kkw222, 发布日期: 2013-02-22 11:36:40, 浏览数: 3185

我单独使用uploadbutton.html的功能上传文件。

同时我做了一个js的ＤＩＶ弹出层，由一个透明的背景层和一个操作用的编辑层组成。今天才发现只要在编辑层点击网页的底层“ＵＰＬＯＡＤ”按钮的位置，虽然看不见它，但它还是起作用弹出上传浏览窗口。请问那位朋友能帮忙解决下。

简单演示代码如下：

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Upload Button Examples</title>
  <link rel="stylesheet" href="../themes/default/default.css" />
  <script src="../kindeditor-min.js"></script>
  <script>
   KindEditor.ready(function(K) {
    var uploadbutton = K.uploadbutton({
     button : K('#uploadButton')[0],
     fieldName : 'imgFile',
     url : '../php/upload_json.php?dir=file',
     afterUpload : function(data) {
      if (data.error === 0) {
       var url = K.formatUrl(data.url, 'absolute');
       K('#url').val(url);
      } else {
       alert(data.message);
      }
     },
     afterError : function(str) {
      alert('自定义错误信息: ' + str);
     }
    });
    uploadbutton.fileBox.change(function(e) {
     uploadbutton.submit();
    });
   });
  </script>
</head>
<body>
  <div class="upload">
   <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" /> <input type="button" id="uploadButton" value="Upload" />
  </div>
  <div id="layer1" style="position: absolute; width: 248px; height: 108px; z-index: 1; left: 104px; top: 10px;background:silver">
    <br>            
   遮盖了也没用？</div>
</body>
</html>

论坛 Forum