javascript - Quelles sont les étapes pour coller des images dans l'éditeur général d'articles?
三叔
三叔 2017-06-26 10:52:41
0
1
773

Notre entreprise a besoin d'utiliser un éditeur, dans lequel les images doivent être collées et téléchargées sur le serveur.
J'aimerais savoir comment coller des captures d'écran puis les télécharger sur le serveur, aidez-moi s'il vous plaît ! !

三叔
三叔

répondre à tous(1)
扔个三星炸死你
  1. Écoutez l'événement coller dans la zone de saisie ou de texte.

  2. Récupérez le fichier image dans le presse-papiers

  3.  ;
  4. Utilisez FileReader pour lire l'url de données du fichier pour un aperçu, si nécessaire.

  5. Appelez l'interface de téléchargement et téléchargez directement.

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);


                    }
                });
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal