允许在 SharePoint 2010 中上传多个文件

Question

我正在尝试构建 SharePoint 自定义 Web 部件。在该 Web 部件中，我只有一个文件上传控件，我需要从一个控件上传多个文件。

我尝试了不同的代码：

<input id="files" type="file" multiple="multiple" />
<input id="files" type="file" AllowMultiple="true" />
<asp:input id="files" type="file" multiple="multiple" />

我无法从文件浏览器窗口中选择多个文件。

应用：

SharePoint：2010 版

浏览器：IE 11

请帮我解决这个问题。

谢谢你:)

Answer 1

从不是 Sharepoint 的开发人员，但我使用过 Devexpress 控件并且知道它们也可以在 SharePoint WebParts 中使用。试试他们的上传控件，它可以选择并上传multiple files。

Answer 2

您可以为此使用drag and drop 库

function makeDroppable(element, callback) {

  var input = document.createElement('input');
  input.setAttribute('type', 'file');
  input.setAttribute('multiple', true);
  input.style.display = 'none';

  input.addEventListener('change', triggerCallback);
  element.appendChild(input);

  element.addEventListener('dragover', function(e) {
    e.preventDefault();
    e.stopPropagation();
    element.classList.add('dragover');
  });

  element.addEventListener('dragleave', function(e) {
    e.preventDefault();
    e.stopPropagation();
    element.classList.remove('dragover');
  });

  element.addEventListener('drop', function(e) {
    e.preventDefault();
    e.stopPropagation();
    element.classList.remove('dragover');
    triggerCallback(e);
  });

  element.addEventListener('click', function() {
    input.value = null;
    input.click();
  });

  function triggerCallback(e) {
    var files;
    if(e.dataTransfer) {
      files = e.dataTransfer.files;
    } else if(e.target) {
      files = e.target.files;
    }
    callback.call(null, files);
  }
}

var element = document.querySelector('.droppable');
function callback(files) {
  // Here, we simply log the Array of files to the console.
  console.log(files);
}
makeDroppable(element, callback);