javascript - Apakah langkah untuk menampal imej dalam editor artikel ini?
三叔
三叔 2017-06-26 10:52:41
0
1
792

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! !

三叔
三叔

membalas semua(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);


                    }
                });
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan