<head>
<link rel="stylesheet" type="text/css" href="./script/dropzone.min.css">
</head>
<form>
<div id="dZUpload" class="dropzone">
<div class="dz-default dz-message"></div>
</div>
</form>
<!-- Utiliser CDN de jQuery de google -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./script/dropzone.min.js"></script>
<script>
Dropzone.autoDiscover = false;
$(document).ready(function () {
$("body").dropzone({
url: "http://192.168.1.1/upload.php", //Ton URL
addRemoveLinks: true,
previewsContainer: '#dZUpload',
clickable: '#dZUpload',
//Si tu utilises cakaphp 3, on a besoin de écrire information de csrf
/*headers: {
'X-CSRFToken': $('meta[name="token"]').attr('content')
},*/
success: function (file, response) {
var imgName = response;
//Pour l'animation
file.previewElement.classList.add("dz-success");
//Pour ajouter id à les prévisualisations
//file.previewElement.id = response.id;
console.log("Successfully uploaded :" + imgName);
}
});
});
</script>
<link rel="stylesheet" type="text/css" href="./script/dropzone.min.css">
</head>
<form>
<div id="dZUpload" class="dropzone">
<div class="dz-default dz-message"></div>
</div>
</form>
<!-- Utiliser CDN de jQuery de google -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./script/dropzone.min.js"></script>
<script>
Dropzone.autoDiscover = false;
$(document).ready(function () {
$("body").dropzone({
url: "http://192.168.1.1/upload.php", //Ton URL
addRemoveLinks: true,
previewsContainer: '#dZUpload',
clickable: '#dZUpload',
//Si tu utilises cakaphp 3, on a besoin de écrire information de csrf
/*headers: {
'X-CSRFToken': $('meta[name="token"]').attr('content')
},*/
success: function (file, response) {
var imgName = response;
//Pour l'animation
file.previewElement.classList.add("dz-success");
//Pour ajouter id à les prévisualisations
//file.previewElement.id = response.id;
console.log("Successfully uploaded :" + imgName);
}
});
});
</script>
Aucun commentaire:
Enregistrer un commentaire