Javascript HTML文本区域：更改拖放的字符串（拖放时）

我的HTML中只有两件事：

<img src="/img/something.jpg">
<textarea></textarea>

当我从textarea拖放图像时，我的textarea中有一个值：“/img/something.jpg”

我想在拖放时更改此值，但不知道如何更改

例如，当我将图像拖放到文本区域时，我想要 “[img]/img/something.jpg[/img]”在中

我可以使用HTML5、JavaScript和AngularJS，但没有jQuery

---

谢谢你的帮助！：）

这不是最好的解决方案。。。但是

---

你的问题是什么？你试了什么？你看过HTML5的拖放教程吗？我知道人们倾向于反对w3schools，但这里有一个很好的例子：基本上你使用

e.target.appendChild（…）

。

var dropbox = document.getElementById('myTextarea');
dropbox.addEventListener('drop', drop, false);

function drop(evt) {
  evt.stopPropagation();
  evt.preventDefault(); 
  document.getElementById('hidden').innerHTML = evt.dataTransfer.getData('text/html');
  this.value += '[img]' + document.getElementById('hidden').childNodes[0].src + '[/img]';
}