// Init dropzone

	var myDropzone = new Dropzone("#avatar", {

		url: "assets/ajax/apps/contatos/uploadContatoPerfil.php", // Set the url for your upload script location

		paramName: "avatar", // The name that will be used to transfer the file

		maxFiles: 1,

		uploadMultiple: false,

		autoProcessQueue: true,

		maxFilesize: 10

	});

	myDropzone.on("complete", function (progress) {

		console.log("Upload Completo");

	});

	myDropzone.on("success", function(file, responseText) {

		console.log(responseText);

	});

<div class="col-md-4 fv-row">

	<!--begin::Label-->

	<label class="d-block fw-semibold fs-6 mb-5">

	<span class="required">Foto do Contato</span>

	<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Escolha uma foto que represente o contato."></i>

	</label>

	<!--end::Label-->

	<!--begin::Image input placeholder-->

	<style>.image-input-placeholder { background-image: url("assets/media/svg/files/blank-image.svg"); } [data-theme="dark"] .image-input-placeholder { background-image: url("assets/media/svg/files/blank-image-dark.svg"); }</style>

	<!--end::Image input placeholder-->

	<!--begin::Image input-->

	<div class="image-input image-input-empty image-input-outline image-input-placeholder" data-kt-image-input="true" id="avatarUploader">

	        <!--begin::Preview existing avatar-->

		<div class="image-input-wrapper w-125px h-125px"></div>

			<!--end::Preview existing avatar-->

			<!--begin::Label-->

			<label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change">

			<i class="bi bi-pencil-fill fs-7"></i>

			<!--begin::Inputs-->

			<input type="file" name="avatar" id="avatar" accept=".png, .jpg, .jpeg" />

			<input type="hidden" name="avatar_remove" />

			<!--end::Inputs-->

			</label>

			<!--end::Label-->

			<!--begin::Cancel-->

			<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" title="Cancel avatar">

				<i class="bi bi-x fs-2"></i>

			</span>

			<!--end::Cancel-->

			<!--begin::Remove-->

			<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" title="Remove avatar">

				<i class="bi bi-x fs-2"></i>

			</span>

			<!--end::Remove-->

		</div>

		<!--end::Image input-->

		<!--begin::Hint-->

		<div class="form-text">Formatos Permitidos: png, jpg, jpeg.</div>

			

		</div>

                <!--end::Hint-->