Wie zu überprüfen, was in der Hand (Datei-Upload-Javascript)

Ich brauche sehr benutzerdefinierte Lösung für das Hochladen von Dateien. Es gibt eine Baumansicht der Benutzerdateien, und ich möchte diese Baumansicht als Dropzone verwenden. Schauen Sie in Pseudo-Code:Wie zu überprüfen, was in der Hand (Datei-Upload-Javascript)

//divTreeView and divUploadText variables with html code 
var tree = true; 
('#treeView').hover(
    function() { 
     if(userHoldFile()) { 
      $('#treeView').html(divUploadText); 
      tree = false; 
    }, 
    function() { 
     if(!tree) $('#treeView').html(divTreeView); 
    } 
);

Also, wenn Benutzer die treeView mit Datei in Maus schwebt, will ich ihn mit Text drop file to upload, um zu zeigen, div aber als er die Zone ohne Datei schwebt es sollte funktioniert wie TreeView.

Quelle

2016-07-24 Nikita

Gut brauchen wurde, was haben Sie versucht? und warum sollten wir den Code für dich schreiben? –

@ZakariaAcharki Ich habe versucht, einige Apis wie Dropzone, Jquery-Upload zu verwenden, aber ich finde nicht den Weg, was in der Maus zu überprüfen. Sie sollten keinen Code schreiben, wenn Sie nicht möchten. Der Link zu einigen hilfreichen Dokumenten reicht aus. – Nikita

Entschuldigung, aber wir müssen keine Regeln brechen, da Fragen, die uns auffordern, ** ein Buch, ein Tool, eine Softwarebibliothek, ein Tutorial oder eine andere Offsite-Ressource zu empfehlen **, für Stack Overflow off-topic sind eigensinnige Antworten und Spam ... viel Glück. –

Die Frage wird dupliziert. Need event for "mouseover with file" for HTML5 Fileupload

docs https://html.spec.whatwg.org/multipage/interaction.html#the-dropzone-attribute

das Beispiel, das ich

<div dropzone="copy file:image/png file:image/gif file:image/jpeg" ondrop="receive(event, this)"> 
<p>Drop an image here to have it displayed.</p> 
</div> 
<script> 
function receive(event, element) { 
    var data = event.dataTransfer.items; 
    for (var i = 0; i < data.length; i += 1) { 
    if ((data[i].kind == 'file') && (data[i].type.match('^image/'))) { 
     var img = new Image(); 
     img.src = window.createObjectURL(data[i].getAsFile()); 
     element.appendChild(img); 
    } 
    } 
} 
</script>

Quelle

2016-07-24 16:01:10 Nikita

Wie zu überprüfen, was in der Hand (Datei-Upload-Javascript)

Antwort

Verwandte Themen