Javascript Valums文件上载程序拖放区域更改

我有一个按钮和一个拖放区。我想将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

并拖动

中的任意位置。上载区域

部分应启动照片上载。

---

还有一种方法可以将uploader应用于具有相同配置的两个不同元素吗？

我建议不要使用FineUploaderBasic，而是使用FineUploader模式。FineUploader模式提供拖放功能

FineUploader模式文档如下：

---

请同时显示您的HTML。用HTML更新问题。如果您不使用FineUploaderBasic，这将更加容易。为什么不使用FineUploader模式，它提供所有的DnD代码？您还可以添加其他放置区域，禁用默认区域，等等。您能举个例子吗？阅读文档。这里都有，