javascript - Apakah langkah untuk menampal imej dalam editor artikel ini?

Question

Syarikat kami perlu menggunakan editor, di mana gambar perlu ditampal dan dimuat naik ke pelayan
Saya ingin tahu cara menampal tangkapan skrin dan kemudian memuat naiknya ke pelayan, tolong bantu saya! !

Answer 1

1. Dengar acara tampal dalam input atau kawasan teks.

2. Dapatkan fail imej dari papan keratan;

3. Gunakan FileReader untuk membaca dataurl fail untuk pratonton, jika perlu.

4. Panggil antara muka muat naik dan muat naik terus.

element.on('paste', function (event) {
                    var e = event.originalEvent, clipboardData = e.clipboardData;
                    if (clipboardData && clipboardData.items[0].type.indexOf('image') > -1) {
                        var file = clipboardData.items[0].getAsFile();//读取e.clipboardData中的数据：Blob对象
                        if(!checkFileSize(file.size)){
                            Utils.safeApply(function () {
                                $toaster.warning("只允许上传小于5MB的图片");
                            });

                            return;
                        }

                        var reader = new FileReader();

                        reader.onload = function (e) {
                            Utils.safeApply(function () {


                                $rootScope.sendPicUrl = e.target.result;
                                $rootScope.picFile = file;
                                Chat.showSendPic2Dialog();//这里可以调用上传接口，直接上传。我这里是业务关系，需要通过对话框来预览拷贝的图片，然后在对话框内再上传。
                            }, $rootScope);


                        };

                        reader.readAsDataURL(file);


                    }
                });