Maison  >  Questions et réponses  >  le corps du texte

javascript - Quelles sont les étapes pour coller des images dans l'éditeur général d'articles?

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

三叔三叔2696 Il y a quelques jours761

répondre à tous(1)je répondrai

  • 扔个三星炸死你

    扔个三星炸死你2017-06-26 10:54:41

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

    répondre
    0
  • Annulerrépondre