允許在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中使用。 嘗試使用其上載控件，它可以選擇並上載多個文件 。

Answer 2

您可以為此使用拖放庫

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