Dropzone ne marche pas sur firefox

**feelwatt** · 15/09/2018, 13h38

Bonjour,
Après recherche sur le site je n'ai pas trouvé de discussion sur ce sujet.

Je m'aperçois que "dropzone.js" fonctionne sur Chrome, et même sur IE
mais Firefox lui
fait apparaitre un panneaux 'interdit'
lorsque l'on tente de mettre une image en la déplaçant sur la zone.

C'est bien dommage le petit renard de Sibérie est mon préféré
Pour info, le javascript n'est pas bloqué.

Qu'en pensez-vous ?

**badaze** · 15/09/2018, 19h57

J'en pense que sans code on ne peut pas en penser grand chose.

Invité · 16/09/2018, 12h43

Bonjour,

Si tu parles de https://www.dropzonejs.com, je suis sur Firefox, et ça fonctionne.

**feelwatt** · 17/09/2018, 12h38

Bonjour,

C'est bien https://www.dropzonejs.com
Pour le code du js, comme il fait 3531 lignes, j'hésite à le poster.

Le même panneaux 'interdit'.

Chrome c'est ok, et même IE.

FF est à jour
Les autres javascripts fonctionnent.
J'ai désactivé les modules complémentaires de FF (DarkBackground et Qwant).

Je vois plus, là.
C'est dommage, dropzone est nickel et j'adore FF.

Invité · 17/09/2018, 14h51

Montre une copie d'écran, avec le panneau "interdit" !

**feelwatt** · 17/09/2018, 16h00

Salut,

J'ai pas réussi à capturer le curseur avec printscreen ni l'outil capture de FF.

Il est comparable au css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

cursor: no-drop;

mais en noir et blanc.

**feelwatt** · 18/09/2018, 16h35

Bon, hormis le drag qui ne fonctionne pas sur ff (après réinstall),

J'ai du ajouter un .php à l'action du formulaire (pour que l'upload se fasse réellement, (pas seulement en design css))

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>	
	<script src="dropzone.js"></script>
	<script type="dropzone-amd-module.js"></script>
	<link type="text/css" href="dropzone.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="basic.css">
</head>
<body>
<form action="upload.php" class="dropzone" id="my-awesome-dropzone" method="POST"><input type="file" name="file" /></form>
</body>
</html>

Et dans le upload.php:

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
$ds = DIRECTORY_SEPARATOR;  //1
$storeFolder = 'dossier'; 
$name="nom_image";
 
if (!empty($_FILES)) {
 
    $tempFile = $_FILES['file']['tmp_name'];
 
    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;  
 
    $imageFileType = pathinfo($_FILES['file']['name'],PATHINFO_EXTENSION);
 
    $targetFile =  $targetPath . $name.'.'.$imageFileType; 
 
    move_uploaded_file($tempFile,$targetFile);
} 
 
?>

Je savais pas.

**feelwatt** · 30/10/2018, 12h17

Salut,
J'ai réussi à faire fonctionner dropzone, en mettant des <div> au lieu de <form>.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div action="upload.php" class="dropzone" id="my-awesome-dropzone">
</div>

Dropzone ne marche pas sur firefox

JavaScript

Discussions similaires

Partager

Partager