HTML将剪贴板文件粘贴到文件输入

Question

我具有通过表单提交将CSV文件上传到服务器的功能。 它运行良好，但是我需要支持将CSV文件从实际文件位置复制和粘贴到输入元素。

我试图从stackoverflow答案（https://stackoverflow.com/a/50427897/9751944）中执行此代码

const form = document.getElementById("new_document_attachment");
const fileInput = document.getElementById("document_attachment_doc");

fileInput.addEventListener('change', () => {
  form.submit();
});

window.addEventListener('paste', e => {
  fileInput.files = e.clipboardData.files;
});

<form id="new_document_attachment" method="post">
  <div class="actions"><input type="submit" name="commit" value="Submit" /></div>
  <input type="file" id="document_attachment_doc" />
</form>

它正在处理图像。但是，当我在CSV和其他文件上尝试使用该工具时，出现错误，指出剪贴板没有任何内容 即。

第一个FileList和File用于测试图像，第二个用于CSV