複数の画像をアップロードしていますが、アップロードする前にクライアント側ですべて圧縮してからサーバーにアップロードしたいので、以下のように dropzone.js (プログラムで) を使用していますが、機能resizeQuality
が動作していません。すべての画像は元のサイズでアップロードされています。
どこが間違っていますか?どんな提案も大歓迎です...
HTML:
<form class="dropzone" id="myDropzone" method='POST' action='' enctype='multipart/form-data'>
<div class="fallback"> <!-- this is the fallback if JS isn't working -->
<label>
<input name="file" type="file" multiple />
knkjbnkhbkb </label>
</div>
<div class="dropzone-previews"></div>
</form>
jquery:
Dropzone.autoDiscover = false;
Dropzone.options.myDropzone = {
url: "/dashboard/{{name}}/{{name_product_type.type_product|urlencode}}/{{abc}}",
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 30,
resizeQuality: 0.6, <----- NOT WORKING
maxFiles: 100,
acceptedFiles: "image/*",
init: function () {
var submitButton = document.querySelector("#postbtn");
var wrapperThis = this;
submitButton.addEventListener("click", function () {
wrapperThis.processQueue();
});
this.on("addedfile", function (file) {
// Create the remove button
var removeButton = Dropzone.createElement("<button class='btn btn-lg dark'>Remove File</button>");
// Listen to the click event
removeButton.addEventListener("click", function (e) {
// Make sure the button click doesn't submit the form:
e.preventDefault();
e.stopPropagation();
// Remove the file preview.
wrapperThis.removeFile(file);
// If you want to the delete the file on the server as well,
// you can do the AJAX request here.
});
// Add the button to the file preview element.
file.previewElement.appendChild(removeButton);
});
//this.on('sendingmultiple', function (data, xhr, formData) {
// formData.append("Username", $("#Username").val());
//});
}
};
どのような修正が必要ですか?