Skip to content

I
ibzlite
提交 a31d23a3 编写于 作者: lzlhxj's avatar lzlhxj
浏览文件
操作

修改预览、ocr接口的前端处理

上级 9053926b
隐藏空白字符变更
内嵌 并排
正在显示 包含 50 行增加 和 23 行删除
app_web/src/components/disk-file-upload/disk-file-upload.vue
浏览文件 @ a31d23a3
...@@ -461,13 +461,13 @@ ...@@ -461,13 +461,13 @@
// 用blob对象获取文件流 // 用blob对象获取文件流
let blob = new Blob([response.data], {type: response.headers['content-type']}); let blob = new Blob([response.data], {type: response.headers['content-type']});
// 通过文件流创建下载链接 // 通过文件流创建下载链接
var href = URL.createObjectURL(blob); let href = URL.createObjectURL(blob);
// 创建一个a元素并设置相关属性 // 创建一个a元素并设置相关属性
let a = document.createElement('a'); let a = document.createElement('a');
a.href = href; a.href = href;
if (name) { if (name) {
a.download = name; a.download = name;
}else { } else {
a.download = filename; a.download = filename;
} }
// 添加a元素到当前网页 // 添加a元素到当前网页
...@@ -496,11 +496,20 @@ ...@@ -496,11 +496,20 @@
// 拼接url // 拼接url
const id = typeof item.id == "string" ? item.id : JSON.stringify(item.id); const id = typeof item.id == "string" ? item.id : JSON.stringify(item.id);
const name = typeof item.name == "string" ? item.name : JSON.stringify(item.name); const name = typeof item.name == "string" ? item.name : JSON.stringify(item.name);
const previewUrl = '/net-disk/preview/' + this.getFolder() + '/' + id + '/' + name + '?authcode=' + item.authcode; let previewUrl = '/net-disk/preview/' + this.getFolder() + '/' + id + '/' + name + '?authcode=' + item.authcode;
// 自定义弹框打开url Axios.get(previewUrl).then((response: any) => {
this.dialogTitle = name; if (!response || response.status != 200) {
this.showDialog = true; return;
this.iframeUrl = previewUrl; }
// 返回一个url，通过自定义弹框打开
if (response.data) {
this.dialogTitle = name;
this.showDialog = true;
this.iframeUrl = response.data;
}
}).catch((error: any) => {
Message.error(error);
});
} }
/** /**
...@@ -529,10 +538,19 @@ ...@@ -529,10 +538,19 @@
const id = typeof item.id == "string" ? item.id : JSON.stringify(item.id); const id = typeof item.id == "string" ? item.id : JSON.stringify(item.id);
const name = typeof item.name == "string" ? item.name : JSON.stringify(item.name); const name = typeof item.name == "string" ? item.name : JSON.stringify(item.name);
const ocrUrl = '/net-disk/ocrview/' + this.getFolder() + '/' + id + '/' + name + '?authcode=' + item.authcode; const ocrUrl = '/net-disk/ocrview/' + this.getFolder() + '/' + id + '/' + name + '?authcode=' + item.authcode;
// 自定义弹框打开url Axios.get(ocrUrl).then((response: any) => {
this.dialogTitle = name; if (!response || response.status != 200) {
this.showDialog = true; return;
this.iframeUrl = ocrUrl; }
// 返回一个url，通过自定义弹框打开
if (response.data) {
this.dialogTitle = name;
this.showDialog = true;
this.iframeUrl = response.data;
}
}).catch((error: any) => {
Message.error(error);
});
} }
/** /**
......
app_web/src/components/disk-image-upload/disk-image-upload.vue
浏览文件 @ a31d23a3
...@@ -408,9 +408,9 @@ ...@@ -408,9 +408,9 @@
// 请求成功，后台返回的是一个文件流 // 请求成功，后台返回的是一个文件流
if (response.data) { if (response.data) {
// 用blob对象获取文件流 // 用blob对象获取文件流
var blob = new Blob([response.data], {type: response.headers['content-type']}); let blob = new Blob([response.data], {type: response.headers['content-type']});
// 通过文件流创建下载链接 // 通过文件流创建下载链接
var href = URL.createObjectURL(blob); let href = URL.createObjectURL(blob);
// 将下载链接保存到图片中 // 将下载链接保存到图片中
fileData.url = href; fileData.url = href;
// 保存图片fileid // 保存图片fileid
...@@ -484,9 +484,9 @@ ...@@ -484,9 +484,9 @@
// 请求成功，后台返回的是一个文件流 // 请求成功，后台返回的是一个文件流
if (response2.data) { if (response2.data) {
// 用blob对象获取文件流 // 用blob对象获取文件流
var blob = new Blob([response2.data], {type: response2.headers['content-type']}); let blob = new Blob([response2.data], {type: response2.headers['content-type']});
// 通过文件流创建下载链接 // 通过文件流创建下载链接
var href = URL.createObjectURL(blob); let href = URL.createObjectURL(blob);
// 将下载链接保存到本次上传成功后返回的jsonobject中 // 将下载链接保存到本次上传成功后返回的jsonobject中
returnData.url = href; returnData.url = href;
// 保存jsonobject中的图片fileid // 保存jsonobject中的图片fileid
...@@ -547,10 +547,19 @@ ...@@ -547,10 +547,19 @@
const id = typeof file.id == "string" ? file.id : JSON.stringify(file.id); const id = typeof file.id == "string" ? file.id : JSON.stringify(file.id);
const name = typeof file.name == "string" ? file.name : JSON.stringify(file.name); const name = typeof file.name == "string" ? file.name : JSON.stringify(file.name);
const ocrUrl = '/net-disk/ocrview/' + this.getFolder() + '/' + id + '/' + name + '?authcode=' + file.authcode; const ocrUrl = '/net-disk/ocrview/' + this.getFolder() + '/' + id + '/' + name + '?authcode=' + file.authcode;
// 自定义弹框打开url Axios.get(ocrUrl).then((response: any) => {
this.dialogTitle = name; if (!response || response.status != 200) {
this.showDialog = true; return;
this.iframeUrl = ocrUrl; }
// 返回一个url，通过自定义弹框打开
if (response.data) {
this.dialogTitle = name;
this.showDialog = true;
this.iframeUrl = response.data;
}
}).catch((error: any) => {
Message.error(error);
});
} }
/** /**
...@@ -581,15 +590,15 @@ ...@@ -581,15 +590,15 @@
const disposition = response.headers['content-disposition']; const disposition = response.headers['content-disposition'];
const filename = disposition.split('filename=')[1]; const filename = disposition.split('filename=')[1];
// 用blob对象获取文件流 // 用blob对象获取文件流
var blob = new Blob([response.data], {type: response.headers['content-type']}); let blob = new Blob([response.data], {type: response.headers['content-type']});
// 通过文件流创建下载链接 // 通过文件流创建下载链接
var href = URL.createObjectURL(blob); let href = URL.createObjectURL(blob);
// 创建一个a元素并设置相关属性 // 创建一个a元素并设置相关属性
var a = document.createElement('a'); let a = document.createElement('a');
a.href = href; a.href = href;
if (name) { if (name) {
a.download = name; a.download = name;
}else { } else {
a.download = filename; a.download = filename;
} }
// 添加a元素到当前网页 // 添加a元素到当前网页
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或