如何检查手中的内容（文件上传javascript）

我需要非常自定义的文件上传解决方案。有一个用户文件的树视图，我想用这个树视图作为一个dropzone。看在伪代码：如何检查手中的内容（文件上传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); 
    } 
);

因此，当用户在鼠标悬停文件的treeView，我想告诉他的文字drop file to upload div的，但是当他徘徊区域没有文件它应该作品的TreeView。

来源

2016-07-24 Nikita

很好的例子，你尝试过什么？以及为什么我们应该为您编写代码？ –

@ ZakariaAcharki我试图使用一些apis像dropzone，jquery上传，但我没有找到方法来检查鼠标。如果你不想要，你不应该写代码）链接到一些有用的文档就足够了。 – Nikita

对不起，但我们不必违反规则，因为问题要求我们推荐或找到书籍，工具，软件库，教程或其他非现场资源**，因为它们倾向于吸引堆栈溢出自以为是的答案和垃圾邮件......祝你好运。 –

问题重复。 Need event for "mouseover with file" for HTML5 Fileupload

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

，我是需要

<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>

来源

2016-07-24 16:01:10 Nikita

如何检查手中的内容（文件上传javascript）

回答

相关问题