ウェブサイトで直接HTMLテキストボックスに画像を貼り付けることができます

Question

特定のウェブサイトwrike.comで予期せぬ機能が気付きました。なぜ私はそれらのdownvotesを得たかわからない。

アプリ内に大きなテキストボックスがあり、コピーした画像を貼り付けるとすぐに画像がインラインで挿入されます（例えば、アップロードしたり、貼り付け時にカーソルをどこに挿入するかなど） 。

私は繰り返しますが、Javaアプレット、フラッシュプラグイン、Silverlightはありません。画像自体をコピーしてフィールドに貼り付けると、画像が正しく貼り付けられます。私の最初の推測は、それがHTML 5だということです。私はこれまでこれを見たことがなく、私は本当にこれがどのように行われたのか疑問に思っていました。ここで

はそれのいくつかの画像が起こっている：

精密検査の際

Answer 1

、彼らは記述セクションを処理するためにEtherPad Liteを使用しています。そして、彼らはep_copy_paste_images npmパッケージを利用して画像の貼り付けのアップロードを処理しています。

注：私が見ることができるものから、セキュリティ

用画像に隠されたいくつかの詳細は、それがbase64エンコードされたデータとPOST要求（注釈A）（注釈B）にしますそのサーバー。完了すると、サーバー上に新しく作成されたイメージの添付ファイル識別子を取得するための新しい要求が行われます（注釈C）。それは、あなたが目に見えてアップロードが行わ見ることはでき