0

ボタンとドラッグドロップエリアがあります。このボタンに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写真のアップロードが開始されるはずです。また、同じ構成の2つの異なる要素にアップローダーを適用する方法はありますか？

4

1 に答える 1

1

FineUploaderBasic を使用せず、代わりに FineUploader モードを使用することをお勧めします。FineUploader モードでは、ドラッグ アンド ドロップ機能が提供されます。

FineUploader モードのドキュメントは次のとおりです。

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

于 2013-03-12T18:51:39.697 に答える