<head>
<link rel="stylesheet" type="text/css" href="./script/dropzone.min.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css"></link>
<style type="text/css">
.dropzone {border: none ! important;}
</style>
</head>
<body ondragover="open_dialog()">
<div id="dialog" title="Dialog" style="display:none;">
<form>
<div id="dZUpload" class="dropzone">
<div class="dz-default dz-message"><span>Faites glisser et déposez ici.</span></div>
</div>
</form>
</div>
</body>
<!-- Utiliser CDN de jQuery de google -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.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);
}
});
});
dialog = $("#dialog").dialog({
autoOpen: false,
//open:function(event,ui){$(".ui-dialog-titlebar-close").hide();},
modal: true,
draggable: false,
closeOnEscape: true,
width: "50%",
show: "fade",
hide: "fade",
buttons:{
"Faire quelque chose":function(){
$(this).dialog('close');
},
"Fermer":function(){
$(this).dialog('close');
}
}
});
function open_dialog(){
dialog.dialog('open');
}
</script>
<link rel="stylesheet" type="text/css" href="./script/dropzone.min.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css"></link>
<style type="text/css">
.dropzone {border: none ! important;}
</style>
</head>
<body ondragover="open_dialog()">
<div id="dialog" title="Dialog" style="display:none;">
<form>
<div id="dZUpload" class="dropzone">
<div class="dz-default dz-message"><span>Faites glisser et déposez ici.</span></div>
</div>
</form>
</div>
</body>
<!-- Utiliser CDN de jQuery de google -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.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);
}
});
});
dialog = $("#dialog").dialog({
autoOpen: false,
//open:function(event,ui){$(".ui-dialog-titlebar-close").hide();},
modal: true,
draggable: false,
closeOnEscape: true,
width: "50%",
show: "fade",
hide: "fade",
buttons:{
"Faire quelque chose":function(){
$(this).dialog('close');
},
"Fermer":function(){
$(this).dialog('close');
}
}
});
function open_dialog(){
dialog.dialog('open');
}
</script>
Aucun commentaire:
Enregistrer un commentaire