1

私はSpringで構築されたアプリケーションを持っています。JSP では、画像のアップロード用に Dropzone を統合しました。

<form:form modelAttribute="services" method="POST" id="service" enctype="multipart/form-data" cssClass="dropzone">

 <form:input path="budget">
 <form:textarea path="informationToBuyer" cssClass="summernote"/>


 <div id="dropzone" class="col-md-8"></div>

<form:form>

上記のコードでは、予算は春のモデル属性にバインドされており、informationToBuyer はバインドされていません。

しかし、summernote css を削除するとバインドされます。

Dropzone の私の JS は次のとおりです。

Dropzone.options.service = {
                    // The configuration we've talked about above
                    autoProcessQueue : false,
                    uploadMultiple : true,
                    maxFilesize : 256,
                    parallelUploads : 50,
                    maxFiles : 50,
                    addRemoveLinks : true,
                    clickable : true,
                    previewsContainer : "#dropzone",
                    // The setting up of the dropzone
                    init : function() {

                        var myDropzone = this;

                        // First change the button to actually tell Dropzone to process the queue.
                        this.element.querySelector("button[type=submit]")
                                .addEventListener("click", function(e) {
                                    // Make sure that the form isn't actually being sent.
                                    e.preventDefault();
                                    e.stopPropagation();
                                    myDropzone.processQueue();
                                });

                        // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
                        // of the sending event because uploadMultiple is set to true.
                        this.on("sendingmultiple", function() {
                            // Gets triggered when the form is actually being sent.
                            // Hide the success button or the complete form.
                            myDropzone.processQueue();
                        });

                        this.on("successmultiple", function(files, response) {
                            window.location.replace(response.redirect);
                            exit();
                        });
                        this.on("errormultiple", function(files, response) {

                        });

                    }
                };

WYSIWYG エディターが Dropzone フォームで機能しない理由を教えてください。

4

0 に答える 0