如何檢查手中的內容（文件上傳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）

回答

相關問題