javascript - 如何将输入直接发送到文本区域

Question

我正在使用

https://github.com/Rovak/InlineAttachment

我目前已经完成了所有设置，因此我可以将图像拖放到我的文本区域，然后按照本教程将它们直接上传到 imgur:

http://wilfreddenton.com/posts/drag-and-drop-photo-uploads-to-imgur

我想做的是添加一个输入，这样如果用户不想拖放，他们可以简单地浏览他们的电脑并上传文件，并让它们在选择后直接进入文本区域。 (github 评论是如何工作的)

我似乎无法将输入插入到文本区域中。

这是一个实例:http://codepen.io/DrCustUmz/pen/KzZOeP

或者如果您登录了 github，您可以看到我正在尝试做的最终目标:https://github.com/wilfreddenton/dynamic-scss/issues/new

实际上不要提交，而是单击文本区域下方的“选择它们”，拍一些图像，然后单击打开后观看文本区域。

输入选择在此示例中不起作用。我怎样才能得到它，所以我打开选择的文件，选择一些图像，然后当我在浏览我的电脑弹出窗口上选择“打开”时，它们会直接插入到文本区域中，就像我拖放它们一样。

Answer 1

大部分写入工作都是在后台完成的，所以我不得不将写入重写到文本区域。抱歉，我主要使用纯 javascript，所以我没有使用任何花哨的 jquery 功能。

这就是奇迹发生的地方。上传一次只能处理一个文件，因此我必须对所有文件使用循环。我建议您查看整个代码。

document.getElementById("inputFile").addEventListener("change", function() {
  var object = this;
  var editor = document.getElementById("editor");
  for(var i=0;i<this.files.length;i++) {
    editor.value += "uploading...";
    uploadHandler.customUploadHandler(this.files[i], function(result) { 
      editor.value = editor.value.replace("uploading...",result.filename);
    });
  }
});

Whole code on CodePen