Valums文件上傳器拖放區域更改

我有一個按鈕和一個拖放區域。我想將VALUM文件上傳器應用於此按鈕。但是要保留拖放區域作爲另一個框。我如何實現它？我目前的執行情況如下：Valums文件上傳器拖放區域更改

  that.imageUploader = new qq.FileUploaderBasic({ 
       button: $('#sprPictureUpload')[0], 
       action: '/ui/rest/utils/upload/image/file', 
       allowedExtensions:SUPPORTED_IMAGE_TYPES, 
       forceMultipart: true, 
       multiple: config.multiple, 
       inputName: 'photoFile', 
       onSubmit: function(id, fileName) { 
        renderImagePlaceHolders.call(that, id, fileName); 
       }, 

      });

和HTML如下所示：

<section class="upload-section" data-section="upload"> 
    <div class="upload-area"> 
     <div style=""> 
      <h3 style="color:#aaa"> 
       Drag images here 
      </h3> 
      <h5 style="color:#aaa"> or if you prefer ...</h5> 
      <a id="sprGenericPictureUpload" class="btn btn-primary"> 
       <i class="icon-upload icon-white"></i> Choose image to Upload 
      </a> 
     </div> 
    </div> 
</section>

所以，我想的就是點擊#sprPictureUpload並在.upload-area部分任意位置拖動應該啓動照片上傳。也有一種方法來將上傳器應用於具有相同配置的兩個不同元素嗎？

來源

2013-03-07 aditya_gaur

請出示你的HTML以及。 – 2013-03-08 04:51:48

用html更新了問題。 – 2013-03-09 02:48:23

如果您不使用FineUploaderBasic，這將會容易得多。爲什麼不使用FineUploader模式，它提供了所有的DnD代碼？您還可以添加其他拖放區域，禁用默認區域等。 – 2013-03-09 03:27:33