From cbb77fe0630f3bf3f3b4a8630249c345fa2d1742 Mon Sep 17 00:00:00 2001
From: nsgkyjk <759200926@qq.com>
Date: Sun, 27 Mar 2022 19:36:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=85=E5=9F=BA=E5=9C=B0=E8=B0=83=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/homesteadSurvey/add.vue | 128 ++++++++++++++++++++---------
src/views/homesteadSurvey/list.vue | 2 +-
2 files changed, 90 insertions(+), 40 deletions(-)
diff --git a/src/views/homesteadSurvey/add.vue b/src/views/homesteadSurvey/add.vue
index b2f23340..d6049956 100644
--- a/src/views/homesteadSurvey/add.vue
+++ b/src/views/homesteadSurvey/add.vue
@@ -295,7 +295,7 @@
-
+
{
- const h = img.height
- const w = img.width
- let ch = img.height/1
- let cw = img.width/1
- let canvas = document.createElement('canvas')
- let ctx = canvas.getContext('2d')
- canvas.height = ch
- canvas.width = cw
- ctx.clearRect(0,0,cw,ch)
- ctx.drawImage(img,0,0,cw,ch)
- let base_img = canvas.toDataURL('image/jpeg')
- const blobBin = atob(base_img.split(',')[1])
- let d = []
- for (let i=0;i {
- if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){
- this.form.zjdxctp = this.form.zjdxctp + "," + res.fileName
- }else{
- this.form.zjdxctp = res.fileName
+ let _this = this
+ if(file.length!=undefined){
+ file.map(res => {
+ // 创建Canvas对象(画布)
+ let canvas = document.createElement('canvas')
+ // 获取对应的CanvasRenderingContext2D对象(画笔)
+ let context = canvas.getContext('2d')
+ // 创建新的图片对象
+ let img = new Image()
+ // 指定图片的DataURL(图片的base64编码数据)
+ img.src = res.content
+ // 监听浏览器加载图片完成，然后进行进行绘制
+ const height = 166
+ const width = 316
+ img.onload = () => {
+ const h = img.height
+ const w = img.width
+ let ch = img.height/1
+ let cw = img.width/1
+ let canvas = document.createElement('canvas')
+ let ctx = canvas.getContext('2d')
+ canvas.height = ch
+ canvas.width = cw
+ ctx.clearRect(0,0,cw,ch)
+ ctx.drawImage(img,0,0,cw,ch)
+ let base_img = canvas.toDataURL('image/jpeg')
+ const blobBin = atob(base_img.split(',')[1])
+ let d = []
+ for (let i=0;i {
+ if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
+ _this.form.zjdxctp = _this.form.zjdxctp + "," + response.fileName
+ }else{
+ _this.form.zjdxctp = response.fileName
+ }
+ })
+ }else{
+ _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
+ }
}
})
- }else{
- this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),this.form.zjddm)
+ }
+ else{
+ // 创建Canvas对象(画布)
+ let canvas = document.createElement('canvas')
+ // 获取对应的CanvasRenderingContext2D对象(画笔)
+ let context = canvas.getContext('2d')
+ // 创建新的图片对象
+ let img = new Image()
+ // 指定图片的DataURL(图片的base64编码数据)
+ img.src = file.content
+ // 监听浏览器加载图片完成，然后进行进行绘制
+ const height = 166
+ const width = 316
+ img.onload = () => {
+ const h = img.height
+ const w = img.width
+ let ch = img.height/1
+ let cw = img.width/1
+ let canvas = document.createElement('canvas')
+ let ctx = canvas.getContext('2d')
+ canvas.height = ch
+ canvas.width = cw
+ ctx.clearRect(0,0,cw,ch)
+ ctx.drawImage(img,0,0,cw,ch)
+ let base_img = canvas.toDataURL('image/jpeg')
+ const blobBin = atob(base_img.split(',')[1])
+ let d = []
+ for (let i=0;i {
+ if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
+ _this.form.zjdxctp = _this.form.zjdxctp + "," + res.fileName
+ }else{
+ _this.form.zjdxctp = res.fileName
+ }
+ })
+ }else{
+ _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
+ }
}
}
+
},
blobToBase64(blob) {
return new Promise((resolve, reject) => {
diff --git a/src/views/homesteadSurvey/list.vue b/src/views/homesteadSurvey/list.vue
index 8cb064bd..704aed06 100644
--- a/src/views/homesteadSurvey/list.vue
+++ b/src/views/homesteadSurvey/list.vue
@@ -22,7 +22,7 @@
图片上传
-
+
清空