How do I configure dropzone.js?

See more:

Javascript

HTML

PHP

I want to configure dropzone for removing images, I've done `addRemoveLinks: true` i want the php code to delete that file? How can I get the id of the file to delete? And my second question is how can I upload videos through dropzone? And the third question is how can I restrict size of the files in dropzone?

What I have tried:

if(typeof Dropzone != 'undefined')
{
	Dropzone.autoDiscover = false;
	var myDropzone = new Dropzone("#myDropzone", {
		url: "data/upload-file.php",
		maxFileSize: 50,
		acceptedFiles: ".pdf",
		addRemoveLinks: true,
		removedfile: function(file){
			var name = file.name;
			$.ajax({
				type: 'POST',
				url: 'delete.php',
				data: "id="+name,
				dataType: 'html'
			});
			var _ref;
			return(_ref = file.previewElement) != null
				? _ref.parentNode.removeChild(file.previewElement)
				: void 0;
		}
	};
}

and this is delete.php:

<?php
	$$dbHost = 'localhost';
	$dbUsername = 'root';
	$dbPassword = '';
	$dbName = 'newimg';

	//connect with the database
	$conn = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);

	if($mysqli->connect_errno){
		echo "Failed to connect to MySQL: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error;
	}

	$upload_dir = 'uploads';
	$targetPath = dirname( __FILE__ ) . DIRECTORY_SEPARATOR . $upload_dir . DIRECTORY_SEPARATOR;
	unlink($targetPath.$_GET['id']);

	$obj=new DB();
	$sql = "DELETE FROM files WHERE id='".$_GET['id']."'";
	$retval = mysqli_query($obj->connection(),$sql);

	print_r("Successfully deleted.");
?>