Dropzone

<form action="#" class="dropzone" id="remove_link">
	<div class="fallback">
		<input name="file" type="file" multiple />
	</div>
</form>

<!-- Dropzone JavaScript -->
<script src="vendors/dropzone/dist/dropzone.min.js"></script>

<template>
    <BCol>
        <form ref="dropzoneForm" class="dropzone">
            <div class="fallback">
                <input name="file" type="file" multiple />
            </div>
        </form>
    </BCol>
</template>
<script>
import Dropzone from "dropzone";
import "dropzone/dist/dropzone.css";
export default {
  mounted() {
    this.initializeDropzone();
  },
  methods: {
    initializeDropzone() {
      new Dropzone(this.$refs.dropzoneForm, {
        url: "http://localhost:3000/", // Replace with your actual upload URL
        paramName: "file", // The name that will be used to transfer the file
        maxFilesize: 2, // Max file size in MB
        acceptedFiles: ".jpeg,.jpg,.png,.pdf", // Accepted file types
        addRemoveLinks: true, // Option to add a link to remove the file
      });
    },
  },
};
</script>

<template>
    <BCol>
        <form ref="dropzoneForm" class="dropzone">
            <div class="fallback">
                <input name="file" type="file" multiple />
            </div>
        </form>
    </BCol>
</template>
<script>
import Dropzone from "dropzone";
import "dropzone/dist/dropzone.css";
export default {
  mounted() {
    this.initializeDropzone();
  },
  methods: {
    initializeDropzone() {
      new Dropzone(this.$refs.dropzoneForm, {
        url: "http://localhost:3000/", // Replace with your actual upload URL
        paramName: "file", // The name that will be used to transfer the file
        maxFilesize: 2, // Max file size in MB
        acceptedFiles: ".jpeg,.jpg,.png,.pdf", // Accepted file types
        addRemoveLinks: true, // Option to add a link to remove the file
      });
    },
  },
};
</script>

<form action="#" class="dropzone" id="remove_link">
	<div class="fallback">
		<input name="file" type="file" multiple />
	</div>
</form>