两个可dnd的上传组件在一个页面,第一个上传按钮无法使用

Author: fanjiaweiCreated Sep 26, 2014Updated Jul 19, 2022

我在一个页面有两个上传,这两个上传我希望都能dnd,代码如下

javascript
//第一个上传按钮
(function() {
  var uploader;

  uploader = WebUploader.create({
    swf: BASE_URL + '/flash/Uploader.swf',
    server: BASE_URL + '/attachment/upload',
    pick: '#step1-upload-btn',
    resize: false,
    dnd: ".thing-create-step1"
  });
}).call(this);
//第二个上传按钮
(function() {
  var uploader;

  uploader = WebUploader.create({
    swf: BASE_URL + '/flash/Uploader.swf',
    server: BASE_URL + '/attachment/uploadThingImages',
    pick: '.thing-create-step2 .upload-btn',
    resize: false,
    dnd: ".thing-create-step2",
    accept: {
      title: 'Images',
      extensions: 'gif,jpg,jpeg,bmp,png',
      mimeTypes: 'image/*'
    },
    thumb: {
      width: 90,
      height: 60,
      quality: 70,
      allowMagnify: true,
      crop: true,
      type: 'image/jpeg'
    }
  });
}).call(this);

下面是效果 uploader1 uploader2

正常的话,第一个按钮和第二个按钮的样式应该一样的。 现在第一个按钮按了没反应。