Maison > Questions et réponses > le corps du texte
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 ! !
扔个三星炸死你2017-06-26 10:54:41
Écoutez l'événement coller dans la zone de saisie ou de texte.
Récupérez le fichier image dans le presse-papiers
Utilisez FileReader pour lire l'url de données du fichier pour un aperçu, si nécessaire.
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);
}
});