javascript - Comment récupérer des fichiers en les faisant glisser vers le navigateur?
高洛峰
高洛峰 2017-06-12 09:25:02
0
1
695

Si vous cliquez pour télécharger sur la page, vous pouvez cliquer pour obtenir les fichiers[0] dans le fichier d'entrée ;

L'exigence actuelle est de glisser-déposer les images directement du bureau vers le navigateur. Comment récupérer le premier fichier dans files[0] ?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(1)
typecho
/**
 * 拖拽实现
 */
var dropbox = document.getElementById("dropbox");

dropbox.addEventListener("dragenter", function(e){
    e.stopPropagation();
    e.preventDefault();
}, false);
            
dropbox.addEventListener("dragover", function(e){
    e.stopPropagation();
    e.preventDefault();
}, false);
            
dropbox.addEventListener("drop", function(e){
    e.stopPropagation();
    e.preventDefault();
            
    var dt = e.dataTransfer;
    var files = dt.files;
    
    // files[0]即为第一个文件
      
}, false);

Pour plus de détails, veuillez vous référer à : Sélection de fichiers par opérations de glisser-déposer

Je vous recommande également un exemple que j'ai écrit :
Sélectionner un fichier image - prend en charge trois méthodes de saisie (sélection de la zone de saisie, sélection par glisser-déposer, capture d'écran et collage de trois méthodes de saisie)

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal