Valums 文件上传器拖放区域更改答案

【问题标题】：Valums file uploader drag drop area changeValums 文件上传器拖放区域更改
【发布时间】：2013-03-07 21:45:28
【问题描述】：

我有一个按钮和一个拖放区。我想将值文件上传器应用于此按钮。但是希望将拖放区域保留为除此之外的另一个框。我如何实现它？我目前的实现如下：

         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 部分中的任意位置应该启动照片上传。还有一种方法可以将上传器应用于具有相同配置的两个不同元素吗？

【问题讨论】：

请同时显示您的 HTML。
用 html 更新了问题。
如果您不使用 FineUploaderBasic，这会容易得多。为什么不使用为您提供所有 DnD 代码的 FineUploader 模式？您还可以添加其他拖放区、禁用默认拖放区等。
你能举个例子吗？
阅读文档。一切都在那里，

标签： javascript valums-file-uploader fine-uploader

【解决方案1】：

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

FineUploader 模式文档在这里：

http://docs.fineuploader.com/integrating/modes/fineuploader.html

【讨论】：