From 2eb3bbad9d5f1d03fd4b1bb33d6ce6036f3e18ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=B6=E5=A3=AB=E6=B6=B5?= <630892807@qq.com>
Date: Tue, 22 Sep 2020 20:54:35 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=A4=8D=E5=88=B6?=
=?UTF-8?q?=E7=B2=98=E8=B4=B4=E7=9B=B4=E6=8E=A5=E4=B8=8A=E4=BC=A0=E5=9B=BE?=
=?UTF-8?q?=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
static/js/chat-main.js | 45 ++++++++++++++++++++++++++++++++++++++++++
static/js/chat-page.js | 45 ++++++++++++++++++++++++++++++++++++++++++
2 files changed, 90 insertions(+)
diff --git a/static/js/chat-main.js b/static/js/chat-main.js
index fa368ce..366d0db 100644
--- a/static/js/chat-main.js
+++ b/static/js/chat-main.js
@@ -475,10 +475,55 @@ var app=new Vue({
}
});
},
+ //粘贴上传图片
+ onPasteUpload(event){
+ let items = event.clipboardData && event.clipboardData.items;
+ let file = null
+ if (items && items.length) {
+ // 检索剪切板items
+ for (var i = 0; i < items.length; i++) {
+ if (items[i].type.indexOf('image') !== -1) {
+ file = items[i].getAsFile()
+ }
+ }
+ }
+ if (!file) {
+ return;
+ }
+ let _this=this;
+ var formData = new FormData();
+ formData.append('imgfile', file);
+ $.ajax({
+ url: '/uploadimg',
+ type: "post",
+ data: formData,
+ contentType: false,
+ processData: false,
+ dataType: 'JSON',
+ mimeType: "multipart/form-data",
+ success: function (res) {
+ if(res.code!=200){
+ _this.$message({
+ message: res.msg,
+ type: 'error'
+ });
+ }else{
+ _this.messageContent+='img[/' + res.result.path + ']';
+ _this.chatToUser();
+ }
+ },
+ error: function (data) {
+ console.log(data);
+ }
+ });
+ },
openUrl(url){
window.open(url);
},
},
+ mounted() {
+ document.addEventListener('paste', this.onPasteUpload)
+ },
created: function () {
//jquery
this.initJquery();
diff --git a/static/js/chat-page.js b/static/js/chat-page.js
index b5fea99..36169cf 100644
--- a/static/js/chat-page.js
+++ b/static/js/chat-page.js
@@ -337,6 +337,51 @@ new Vue({
});
});
},
+ //粘贴上传图片
+ onPasteUpload(event){
+ let items = event.clipboardData && event.clipboardData.items;
+ let file = null
+ if (items && items.length) {
+ // 检索剪切板items
+ for (var i = 0; i < items.length; i++) {
+ if (items[i].type.indexOf('image') !== -1) {
+ file = items[i].getAsFile()
+ }
+ }
+ }
+ if (!file) {
+ return;
+ }
+ let _this=this;
+ var formData = new FormData();
+ formData.append('imgfile', file);
+ $.ajax({
+ url: '/uploadimg',
+ type: "post",
+ data: formData,
+ contentType: false,
+ processData: false,
+ dataType: 'JSON',
+ mimeType: "multipart/form-data",
+ success: function (res) {
+ if(res.code!=200){
+ _this.$message({
+ message: res.msg,
+ type: 'error'
+ });
+ }else{
+ _this.messageContent+='img[/' + res.result.path + ']';
+ _this.chatToUser();
+ }
+ },
+ error: function (data) {
+ console.log(data);
+ }
+ });
+ }
+ },
+ mounted() {
+ document.addEventListener('paste', this.onPasteUpload)
},
created: function () {
this.init();
From 10175eca521ce3fed36359a8ebe31f03be9e3e35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=B6=E5=A3=AB=E6=B6=B5?= <630892807@qq.com>
Date: Tue, 22 Sep 2020 21:00:35 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=A4=8D=E5=88=B6?=
=?UTF-8?q?=E7=B2=98=E8=B4=B4=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
static/html/chat_page.html | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/static/html/chat_page.html b/static/html/chat_page.html
index 65bf0b9..d11c5e2 100644
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@@ -12,7 +12,7 @@
-
+