Question

我有div，它是div中删除文件的文件，

<div id="dropZone"></div>
<input type="file" id=fileUpload"/>

我想将drop文件绑定到html文件类型＆＃34; fileUpload＆＃34;控制。我试过像但没有得到。有可能吗？

我已经为div编写了脚本

  $('#dropZone').bind('dragenter', ignoreDrag);
  $('#dropZone').bind('dragover', ignoreDrag);



  $('#dropZone').bind('drop', function (e) {
   drop(e);
  });

编辑并添加了脚本

     //Updated
     function ignoreDrag(e) {
        e.originalEvent.stopPropagation();
        e.originalEvent.preventDefault();
    }
   //Updated End

并在drop函数中

  function drop(e) {
        ignoreDrag(e);

        var dt = e.originalEvent.dataTransfer;
        var droppedFiles = dt.files;

        if (dt.files.length > 0) {
            for (var i = 0; i < dt.files.length; i++) {
                var fileName = droppedFiles[0].name;
                $("#lblMsg").show();
                $("#spnFile").text(fileName);

                var formData = new FormData();

                formData.append("fileUploaded", droppedFiles);
                alert(dt.files[0]);
                $("#fileUploaded").bind("val", dt.files[0]); 
                // Binding to file(s) to the <input type="file"/> but not binding.
            }
        }
    }

这可以像上面一样绑定吗？

如何在javascript中将文件绑定到输入[type =“file”]

0 个答案: