Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
9f7879f2
提交
9f7879f2
编写于
8月 11, 2025
作者:
Cano1997
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 文件下载越权漏洞修复
上级
c65dc5f0
变更
3
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
576 行增加
和
508 行删除
+576
-508
app-file-upload.vue
src/components/app-file-upload/app-file-upload.vue
+525
-505
app-upload-file-info.vue
src/components/app-upload-file-info/app-upload-file-info.vue
+30
-2
disk-file-upload.vue
src/components/disk-file-upload/disk-file-upload.vue
+21
-1
未找到文件。
src/components/app-file-upload/app-file-upload.vue
浏览文件 @
9f7879f2
...
...
@@ -47,508 +47,528 @@
</ul>
</modal>
</div>
</
template
>
<
script
lang=
"ts"
>
import
{
Component
,
Vue
,
Prop
,
Watch
}
from
'vue-property-decorator'
;
import
{
Environment
}
from
'@/environments/environment'
;
import
{
CreateElement
}
from
'vue'
;
import
{
Subject
,
Unsubscribable
}
from
'rxjs'
;
import
Axios
from
'axios'
;
import
{
Message
}
from
'element-ui'
;
@
Component
({
})
export
default
class
AppFileUpload
extends
Vue
{
/**
* 表单状态
*
* @type {Subject<any>}
* @memberof AppFileUpload
*/
@
Prop
()
public
formState
?:
Subject
<
any
>
/**
* 是否忽略表单项书香值变化
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
()
public
ignorefieldvaluechange
?:
boolean
;
/**
* 是否支持拖拽
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
()
public
isdrag
?:
boolean
;
/**
* 表单状态事件
*
* @private
* @type {(Unsubscribable | undefined)}
* @memberof AppFileUpload
*/
private
formStateEvent
:
Unsubscribable
|
undefined
;
/**
* 表单数据
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
data
!
:
string
;
/**
* 视图参数
*
* @type {*}
* @memberof AppFormDRUIPart
*/
@
Prop
()
public
viewparams
!
:
any
;
/**
* 视图上下文
*
* @type {*}
* @memberof AppAutocomplete
*/
@
Prop
()
public
context
!
:
any
;
/**
* 初始化值
*
* @type {*}
* @memberof AppFileUpload
*/
@
Prop
()
public
value
?:
any
;
/**
* 数据值变化
*
* @param {*} newval
* @param {*} val
* @memberof AppFileUpload
*/
@
Watch
(
'value'
)
onValueChange
(
newval
:
any
,
val
:
any
)
{
if
(
this
.
ignorefieldvaluechange
)
{
return
;
}
this
.
getParams
();
this
.
setFiles
(
newval
);
this
.
dataProcess
();
}
/**
* 所属表单项名称
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
name
!
:
string
;
/**
* 是否禁用
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
()
public
disabled
?:
boolean
;
/**
* 上传参数
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
uploadparams
?:
any
;
/**
* 下载参数
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
exportparams
?:
any
;
/**
* 文件列表
*
* @memberof AppFileUpload
*/
public
files
=
[];
/**
* 上传params
*
* @type {Array<any>}
* @memberof AppFileUpload
*/
public
upload_params
:
Array
<
any
>
=
[];
/**
* 导出params
*
* @type {Array<any>}
* @memberof AppFileUpload
*/
public
export_params
:
Array
<
any
>
=
[];
/**
* 自定义数组
*
* @type {Array<any>}
* @memberof AppFileUpload
*/
public
custom_arr
:
Array
<
any
>
=
[];
/**
* 应用参数
*
* @type {*}
* @memberof AppImageUpload
*/
public
appData
:
any
;
/**
* 文件上传限制类型
*
* @type {*}
* @memberof DiskFileUpload
*/
limitType
:
Array
<
String
>
=
[
'application/x-msdownload'
,
'text/x-sh'
,
'text/html'
,
'text/javascript'
]
/**
* 当前登陆人的token
*
* @type {string}
* @memberof DiskFileUpload
*/
public
token
:
string
=
"Bearer "
+
localStorage
.
getItem
(
'token'
);
/**
* 上传文件请求头
*
* @type {*}
* @memberof DiskFileUpload
*/
public
myHeaders
:
any
=
{
Authorization
:
this
.
token
};
/**
* 拼接上传路径
*
* @memberof DiskFileUpload
*/
public
getAction
()
{
return
Environment
.
BaseUrl
+
`
${(
window
as
any
).
Environment
.
UploadFile
}
`
+
'?ownertype='
+
this
.
name
+
'&ownerid='
+
JSON
.
parse
(
this
.
data
).
srfkey
;
}
/**
* 设置files
*
* @private
* @memberof AppFileUpload
*/
private
setFiles
(
value
:
any
):
void
{
if
(
value
==
null
){
this
.
files
=
[];
return
;
}
let
_files
=
JSON
.
parse
(
value
);
if
(
value
&&
Object
.
prototype
.
toString
.
call
(
_files
)
==
'[object Array]'
)
{
this
.
files
=
_files
;
}
else
{
this
.
files
=
[];
}
}
/**
* 数据处理
*
* @private
* @memberof AppFileUpload
*/
private
dataProcess
():
void
{
let
_url
=
`
${
Environment
.
BaseUrl
}${
Environment
.
UploadFile
}
`
;
if
(
this
.
upload_params
.
length
>
0
)
{
_url
+=
'?'
;
this
.
upload_params
.
forEach
((
item
:
any
,
i
:
any
)
=>
{
_url
+=
`
${
Object
.
keys
(
item
)[
0
]}
=
${
Object
.
values
(
item
)[
0
]}
`
;
if
(
i
<
this
.
upload_params
.
length
-
1
){
_url
+=
'&'
;
}
})
}
this
.
files
.
forEach
((
file
:
any
)
=>
{
let
url
=
`
${
Environment
.
BaseUrl
}${
Environment
.
ExportFile
}
/
${
file
.
id
}
`
;
if
(
this
.
export_params
.
length
>
0
)
{
url
+=
'?'
;
this
.
export_params
.
forEach
((
item
:
any
,
i
:
any
)
=>
{
url
+=
`
${
Object
.
keys
(
item
)[
0
]}
=
${
Object
.
values
(
item
)[
0
]}
`
;
if
(
i
<
this
.
export_params
.
length
-
1
){
url
+=
'&'
;
}
})
}
file
.
url
=
url
;
});
}
/**
* vue 生命周期
*
* @memberof AppFileUpload
*/
public
created
()
{
if
(
this
.
formState
)
{
this
.
formStateEvent
=
this
.
formState
.
subscribe
((
$event
:
any
)
=>
{
// 表单加载完成
if
(
Object
.
is
(
$event
.
type
,
'load'
))
{
this
.
getParams
();
this
.
setFiles
(
this
.
value
);
this
.
dataProcess
();
}
});
}
}
/**
* vue 生命周期
*
* @returns
* @memberof AppFileUpload
*/
public
mounted
()
{
this
.
appData
=
this
.
$store
.
getters
.
getAppData
();
this
.
getParams
();
this
.
setFiles
(
this
.
value
);
this
.
dataProcess
();
}
/**
*获取上传,导出参数
*
*@memberof AppFileUpload
*/
public
getParams
(){
let
uploadparams
:
any
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
uploadparams
));
let
exportparams
:
any
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
exportparams
));
let
upload_params
:
Array
<
string
>
=
[];
let
export_params
:
Array
<
string
>
=
[];
let
param
:
any
=
this
.
viewparams
;
let
context
:
any
=
this
.
context
;
let
_data
:
any
=
JSON
.
parse
(
this
.
data
);
if
(
this
.
uploadparams
&&
!
Object
.
is
(
this
.
uploadparams
,
''
))
{
upload_params
=
this
.
$util
.
computedNavData
(
_data
,
param
,
context
,
uploadparams
);
}
if
(
this
.
exportparams
&&
!
Object
.
is
(
this
.
exportparams
,
''
))
{
export_params
=
this
.
$util
.
computedNavData
(
_data
,
param
,
context
,
exportparams
);
}
this
.
upload_params
=
[];
this
.
export_params
=
[];
for
(
const
item
in
upload_params
)
{
this
.
upload_params
.
push
({
[
item
]:
upload_params
[
item
]
})
}
for
(
const
item
in
export_params
)
{
this
.
export_params
.
push
({
[
item
]:
export_params
[
item
]
})
}
}
/**
* 组件销毁
*
* @memberof AppFileUpload
*/
public
destroyed
():
void
{
if
(
this
.
formStateEvent
)
{
this
.
formStateEvent
.
unsubscribe
();
}
}
/**
* 上传之前
*
* @param {*} file
* @memberof AppFileUpload
*/
public
beforeUpload
(
file
:
any
)
{
const
blackList
=
Environment
.
blackList
;
const
fileName
=
file
.
name
?.
trim
().
toLowerCase
();
if
(
Array
.
isArray
(
blackList
)
&&
typeof
fileName
===
'string'
&&
blackList
.
some
(
item
=>
fileName
.
endsWith
(
`.
${
item
}
`
)))
{
Message
.
error
(
`不可上传
${
blackList
.
join
(
'、'
)}
类型的文件!`
);
return
false
;
}
if
(
this
.
imageOnly
){
const
imageTypes
=
[
"image/jpeg"
,
"image/gif"
,
"image/png"
,
"image/bmp"
];
const
isImage
=
imageTypes
.
some
((
type
:
any
)
=>
Object
.
is
(
type
,
file
.
type
));
if
(
!
isImage
)
{
this
.
$Notice
.
error
({
title
:
(
this
.
$t
(
'components.appFileUpload.fileTypeErrorTitle'
)
as
any
)
,
desc
:
(
this
.
$t
(
'components.appFileUpload.fileTypeErrorInfo'
)
as
any
)});
}
return
isImage
;
}
}
/**
* 上传成功回调
*
* @param {*} response
* @param {*} file
* @param {*} fileList
* @memberof AppFileUpload
*/
public
onSuccess
(
response
:
any
,
file
:
any
,
fileList
:
any
)
{
if
(
!
response
)
{
return
;
}
const
data
=
{
name
:
response
.
filename
,
id
:
response
.
fileid
};
let
arr
:
Array
<
any
>
=
[];
this
.
files
.
forEach
((
_file
:
any
)
=>
{
arr
.
push
({
name
:
_file
.
name
,
id
:
_file
.
id
})
});
arr
.
push
(
data
);
let
value
:
any
=
arr
.
length
>
0
?
JSON
.
stringify
(
arr
)
:
null
;
this
.
$emit
(
'formitemvaluechange'
,
{
name
:
this
.
name
,
value
:
value
});
}
/**
* 上传失败回调
*
* @param {*} error
* @param {*} file
* @param {*} fileList
* @memberof AppFileUpload
*/
public
onError
(
error
:
any
,
file
:
any
,
fileList
:
any
)
{
const
data
=
JSON
.
parse
(
error
.
message
)
this
.
$Notice
.
error
({
title
:
data
.
message
||
(
this
.
$t
(
'components.appFileUpload.uploadError'
)
as
any
)});
}
/**
* 删除文件
*
* @param {*} file
* @param {*} fileList
* @memberof AppFileUpload
*/
public
onRemove
(
file
:
any
,
fileList
:
any
)
{
let
arr
:
Array
<
any
>
=
[];
fileList
.
forEach
((
f
:
any
)
=>
{
if
(
f
.
id
!=
file
.
id
)
{
arr
.
push
({
name
:
f
.
name
,
id
:
f
.
id
});
}
});
let
value
:
any
=
arr
.
length
>
0
?
JSON
.
stringify
(
arr
)
:
null
;
if
(
arr
.
length
==
0
){
this
.
dialogVisible
=
false
;
}
this
.
$emit
(
'formitemvaluechange'
,
{
name
:
this
.
name
,
value
:
value
});
}
/**
* 下载文件
*
* @param {*} file
* @memberof AppFileUpload
*/
public
onDownload
(
file
:
any
)
{
// 拼接url
let
_this
:
any
=
this
;
const
id
=
typeof
file
.
id
==
"string"
?
file
.
id
:
JSON
.
stringify
(
file
.
id
);
const
name
=
typeof
file
.
name
==
"string"
?
file
.
name
:
JSON
.
stringify
(
file
.
filename
);
const
downloadUrl
=
`
${(
window
as
any
).
Environment
.
ExportFile
}
`
+
'/'
+
id
+
'/'
+
name
;
// 发送get请求
Axios
.
get
(
downloadUrl
,
{
responseType
:
'arraybuffer'
,
}).
then
((
response
:
any
)
=>
{
if
(
!
response
||
response
.
status
!=
200
)
{
Message
.
error
(
_this
.
$t
(
'components.diskFileUpload.downloadFile'
)
+
'!'
);
return
;
}
// 请求成功,后台返回的是一个文件流
if
(
response
.
data
)
{
// 获取文件名
const
disposition
=
response
.
headers
[
'content-disposition'
];
const
filename
=
disposition
.
split
(
'filename='
)[
1
];
const
actualFileName
=
file
.
name
||
filename
;
// 用blob对象获取文件流
let
blob
=
new
Blob
([
response
.
data
],
{
type
:
response
.
headers
[
'content-type'
]});
// 兼容ie语法
if
(
'msSaveOrOpenBlob'
in
navigator
){
window
.
navigator
.
msSaveOrOpenBlob
(
blob
,
actualFileName
);
return
;
}
// 通过文件流创建下载链接
var
href
=
URL
.
createObjectURL
(
blob
);
// 创建一个a元素并设置相关属性
let
a
=
document
.
createElement
(
'a'
);
a
.
href
=
href
;
a
.
download
=
actualFileName
;
// 添加a元素到当前网页
document
.
body
.
appendChild
(
a
);
// 触发a元素的点击事件,实现下载
a
.
click
();
// 从当前网页移除a元素
document
.
body
.
removeChild
(
a
);
// 释放blob对象
URL
.
revokeObjectURL
(
href
);
}
else
{
Message
.
error
(
_this
.
$t
(
'components.diskFileUpload.downloadFile1'
));
}
}).
catch
((
error
:
any
)
=>
{
Message
.
error
(
_this
.
$t
(
'components.diskFileUpload.downloadFile'
)
+
':'
+
error
);
});
}
/**
* 是否只支持图片上传
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
({
default
:
false
})
public
imageOnly
!
:
boolean
;
/**
* 是否开启行内预览
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
({
default
:
false
})
public
rowPreview
!
:
boolean
;
/**
* 是否开启行内预览
*
* @type {boolean}
* @memberof AppFileUpload
*/
public
dialogVisible
:
boolean
=
false
;
/**
* 是否开启行内预览
*
* @type {boolean}
* @memberof AppFileUpload
*/
public
showActions
:
boolean
=
false
;
}
</
script
>
<
style
lang=
'less'
>
@import './app-file-upload.less';
</
style
>
\ No newline at end of file
</
template
>
<
script
lang=
"ts"
>
import
{
Component
,
Vue
,
Prop
,
Watch
}
from
'vue-property-decorator'
;
import
{
Environment
}
from
'@/environments/environment'
;
import
{
CreateElement
}
from
'vue'
;
import
{
Subject
,
Unsubscribable
}
from
'rxjs'
;
import
Axios
from
'axios'
;
import
{
Message
}
from
'element-ui'
;
import
EntityService
from
'@/service/entity-service'
;
@
Component
({
})
export
default
class
AppFileUpload
extends
Vue
{
/**
* 表单状态
*
* @type {Subject<any>}
* @memberof AppFileUpload
*/
@
Prop
()
public
formState
?:
Subject
<
any
>
/**
* 是否忽略表单项书香值变化
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
()
public
ignorefieldvaluechange
?:
boolean
;
/**
* 是否支持拖拽
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
()
public
isdrag
?:
boolean
;
/**
* 表单状态事件
*
* @private
* @type {(Unsubscribable | undefined)}
* @memberof AppFileUpload
*/
private
formStateEvent
:
Unsubscribable
|
undefined
;
/**
* 表单数据
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
data
!
:
string
;
/**
* 视图参数
*
* @type {*}
* @memberof AppFormDRUIPart
*/
@
Prop
()
public
viewparams
!
:
any
;
/**
* 视图上下文
*
* @type {*}
* @memberof AppAutocomplete
*/
@
Prop
()
public
context
!
:
any
;
/**
* 初始化值
*
* @type {*}
* @memberof AppFileUpload
*/
@
Prop
()
public
value
?:
any
;
/**
* 数据值变化
*
* @param {*} newval
* @param {*} val
* @memberof AppFileUpload
*/
@
Watch
(
'value'
)
onValueChange
(
newval
:
any
,
val
:
any
)
{
if
(
this
.
ignorefieldvaluechange
)
{
return
;
}
this
.
getParams
();
this
.
setFiles
(
newval
);
this
.
dataProcess
();
}
/**
* 所属表单项名称
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
name
!
:
string
;
/**
* 是否禁用
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
()
public
disabled
?:
boolean
;
/**
* 上传参数
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
uploadparams
?:
any
;
/**
* 下载参数
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
exportparams
?:
any
;
/**
* 实体服务
*
* @type {EntityService}
* @memberof AppFileUpload
*/
@
Prop
()
public
appEntityService
!
:
EntityService
;
/**
* 默认为当前实体主键id,有指定则按表单参数
*
* @type {string}
* @memberof AppFileUpload
*/
@
Prop
()
public
ownerid
!
:
string
;
/**
* 文件列表
*
* @memberof AppFileUpload
*/
public
files
=
[];
/**
* 上传params
*
* @type {Array<any>}
* @memberof AppFileUpload
*/
public
upload_params
:
Array
<
any
>
=
[];
/**
* 导出params
*
* @type {Array<any>}
* @memberof AppFileUpload
*/
public
export_params
:
Array
<
any
>
=
[];
/**
* 自定义数组
*
* @type {Array<any>}
* @memberof AppFileUpload
*/
public
custom_arr
:
Array
<
any
>
=
[];
/**
* 应用参数
*
* @type {*}
* @memberof AppImageUpload
*/
public
appData
:
any
;
/**
* 文件上传限制类型
*
* @type {*}
* @memberof DiskFileUpload
*/
limitType
:
Array
<
String
>
=
[
'application/x-msdownload'
,
'text/x-sh'
,
'text/html'
,
'text/javascript'
]
/**
* 当前登陆人的token
*
* @type {string}
* @memberof DiskFileUpload
*/
public
token
:
string
=
"Bearer "
+
localStorage
.
getItem
(
'token'
);
/**
* 上传文件请求头
*
* @type {*}
* @memberof DiskFileUpload
*/
public
myHeaders
:
any
=
{
Authorization
:
this
.
token
};
/**
* 拼接上传路径
*
* @memberof DiskFileUpload
*/
public
getAction
()
{
return
Environment
.
BaseUrl
+
`
${(
window
as
any
).
Environment
.
UploadFile
}
`
+
'?ownertype='
+
this
.
name
+
'&ownerid='
+
JSON
.
parse
(
this
.
data
).
srfkey
;
}
/**
* 设置files
*
* @private
* @memberof AppFileUpload
*/
private
setFiles
(
value
:
any
):
void
{
if
(
value
==
null
){
this
.
files
=
[];
return
;
}
let
_files
=
JSON
.
parse
(
value
);
if
(
value
&&
Object
.
prototype
.
toString
.
call
(
_files
)
==
'[object Array]'
)
{
this
.
files
=
_files
;
}
else
{
this
.
files
=
[];
}
}
/**
* 数据处理
*
* @private
* @memberof AppFileUpload
*/
private
dataProcess
():
void
{
let
_url
=
`
${
Environment
.
BaseUrl
}${
Environment
.
UploadFile
}
`
;
if
(
this
.
upload_params
.
length
>
0
)
{
_url
+=
'?'
;
this
.
upload_params
.
forEach
((
item
:
any
,
i
:
any
)
=>
{
_url
+=
`
${
Object
.
keys
(
item
)[
0
]}
=
${
Object
.
values
(
item
)[
0
]}
`
;
if
(
i
<
this
.
upload_params
.
length
-
1
){
_url
+=
'&'
;
}
})
}
this
.
files
.
forEach
((
file
:
any
)
=>
{
let
url
=
`
${
Environment
.
BaseUrl
}${
Environment
.
ExportFile
}
/
${
file
.
id
}
`
;
if
(
this
.
export_params
.
length
>
0
)
{
url
+=
'?'
;
this
.
export_params
.
forEach
((
item
:
any
,
i
:
any
)
=>
{
url
+=
`
${
Object
.
keys
(
item
)[
0
]}
=
${
Object
.
values
(
item
)[
0
]}
`
;
if
(
i
<
this
.
export_params
.
length
-
1
){
url
+=
'&'
;
}
})
}
file
.
url
=
url
;
});
}
/**
* vue 生命周期
*
* @memberof AppFileUpload
*/
public
created
()
{
if
(
this
.
formState
)
{
this
.
formStateEvent
=
this
.
formState
.
subscribe
((
$event
:
any
)
=>
{
// 表单加载完成
if
(
Object
.
is
(
$event
.
type
,
'load'
))
{
this
.
getParams
();
this
.
setFiles
(
this
.
value
);
this
.
dataProcess
();
}
});
}
}
/**
* vue 生命周期
*
* @returns
* @memberof AppFileUpload
*/
public
mounted
()
{
this
.
appData
=
this
.
$store
.
getters
.
getAppData
();
this
.
getParams
();
this
.
setFiles
(
this
.
value
);
this
.
dataProcess
();
}
/**
*获取上传,导出参数
*
*@memberof AppFileUpload
*/
public
getParams
(){
let
uploadparams
:
any
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
uploadparams
));
let
exportparams
:
any
=
JSON
.
parse
(
JSON
.
stringify
(
this
.
exportparams
));
let
upload_params
:
Array
<
string
>
=
[];
let
export_params
:
Array
<
string
>
=
[];
let
param
:
any
=
this
.
viewparams
;
let
context
:
any
=
this
.
context
;
let
_data
:
any
=
JSON
.
parse
(
this
.
data
);
if
(
this
.
uploadparams
&&
!
Object
.
is
(
this
.
uploadparams
,
''
))
{
upload_params
=
this
.
$util
.
computedNavData
(
_data
,
param
,
context
,
uploadparams
);
}
if
(
this
.
exportparams
&&
!
Object
.
is
(
this
.
exportparams
,
''
))
{
export_params
=
this
.
$util
.
computedNavData
(
_data
,
param
,
context
,
exportparams
);
}
this
.
upload_params
=
[];
this
.
export_params
=
[];
for
(
const
item
in
upload_params
)
{
this
.
upload_params
.
push
({
[
item
]:
upload_params
[
item
]
})
}
for
(
const
item
in
export_params
)
{
this
.
export_params
.
push
({
[
item
]:
export_params
[
item
]
})
}
}
/**
* 组件销毁
*
* @memberof AppFileUpload
*/
public
destroyed
():
void
{
if
(
this
.
formStateEvent
)
{
this
.
formStateEvent
.
unsubscribe
();
}
}
/**
* 上传之前
*
* @param {*} file
* @memberof AppFileUpload
*/
public
beforeUpload
(
file
:
any
)
{
const
blackList
=
Environment
.
blackList
;
const
fileName
=
file
.
name
?.
trim
().
toLowerCase
();
if
(
Array
.
isArray
(
blackList
)
&&
typeof
fileName
===
'string'
&&
blackList
.
some
(
item
=>
fileName
.
endsWith
(
`.
${
item
}
`
)))
{
Message
.
error
(
`不可上传
${
blackList
.
join
(
'、'
)}
类型的文件!`
);
return
false
;
}
if
(
this
.
imageOnly
){
const
imageTypes
=
[
"image/jpeg"
,
"image/gif"
,
"image/png"
,
"image/bmp"
];
const
isImage
=
imageTypes
.
some
((
type
:
any
)
=>
Object
.
is
(
type
,
file
.
type
));
if
(
!
isImage
)
{
this
.
$Notice
.
error
({
title
:
(
this
.
$t
(
'components.appFileUpload.fileTypeErrorTitle'
)
as
any
)
,
desc
:
(
this
.
$t
(
'components.appFileUpload.fileTypeErrorInfo'
)
as
any
)});
}
return
isImage
;
}
}
/**
* 上传成功回调
*
* @param {*} response
* @param {*} file
* @param {*} fileList
* @memberof AppFileUpload
*/
public
onSuccess
(
response
:
any
,
file
:
any
,
fileList
:
any
)
{
if
(
!
response
)
{
return
;
}
const
data
=
{
name
:
response
.
filename
,
id
:
response
.
fileid
};
let
arr
:
Array
<
any
>
=
[];
this
.
files
.
forEach
((
_file
:
any
)
=>
{
arr
.
push
({
name
:
_file
.
name
,
id
:
_file
.
id
})
});
arr
.
push
(
data
);
let
value
:
any
=
arr
.
length
>
0
?
JSON
.
stringify
(
arr
)
:
null
;
this
.
$emit
(
'formitemvaluechange'
,
{
name
:
this
.
name
,
value
:
value
});
}
/**
* 上传失败回调
*
* @param {*} error
* @param {*} file
* @param {*} fileList
* @memberof AppFileUpload
*/
public
onError
(
error
:
any
,
file
:
any
,
fileList
:
any
)
{
const
data
=
JSON
.
parse
(
error
.
message
)
this
.
$Notice
.
error
({
title
:
data
.
message
||
(
this
.
$t
(
'components.appFileUpload.uploadError'
)
as
any
)});
}
/**
* 删除文件
*
* @param {*} file
* @param {*} fileList
* @memberof AppFileUpload
*/
public
onRemove
(
file
:
any
,
fileList
:
any
)
{
let
arr
:
Array
<
any
>
=
[];
fileList
.
forEach
((
f
:
any
)
=>
{
if
(
f
.
id
!=
file
.
id
)
{
arr
.
push
({
name
:
f
.
name
,
id
:
f
.
id
});
}
});
let
value
:
any
=
arr
.
length
>
0
?
JSON
.
stringify
(
arr
)
:
null
;
if
(
arr
.
length
==
0
){
this
.
dialogVisible
=
false
;
}
this
.
$emit
(
'formitemvaluechange'
,
{
name
:
this
.
name
,
value
:
value
});
}
/**
* 下载文件
*
* @param {*} file
* @memberof AppFileUpload
*/
public
onDownload
(
file
:
any
)
{
// 拼接url
let
_this
:
any
=
this
;
const
id
=
typeof
file
.
id
==
"string"
?
file
.
id
:
JSON
.
stringify
(
file
.
id
);
const
name
=
typeof
file
.
name
==
"string"
?
file
.
name
:
JSON
.
stringify
(
file
.
filename
);
// const downloadUrl = '/ibizutilrpm/download/' + this.getFolder() + '/' + id + '/' + encodeURIComponent(name);
const
entityName
=
this
.
appEntityService
.
APPDENAME
;
const
base64
=
`
${
id
}
|
${
entityName
}
|
${
this
.
ownerid
}
|
${
this
.
context
.
srfpersonid
||
this
.
context
.
srfuserid
}
`
;
const
downloadUrl
=
`http://downloadpath?key=
${
window
.
btoa
(
base64
)}
`
// 发送get请求
Axios
.
get
(
downloadUrl
,
{
responseType
:
'arraybuffer'
,
}).
then
((
response
:
any
)
=>
{
if
(
!
response
||
response
.
status
!=
200
)
{
Message
.
error
(
_this
.
$t
(
'components.diskFileUpload.downloadFile'
)
+
'!'
);
return
;
}
// 请求成功,后台返回的是一个文件流
if
(
response
.
data
)
{
// 获取文件名
const
disposition
=
response
.
headers
[
'content-disposition'
];
const
filename
=
disposition
.
split
(
'filename='
)[
1
];
const
actualFileName
=
file
.
name
||
filename
;
// 用blob对象获取文件流
let
blob
=
new
Blob
([
response
.
data
],
{
type
:
response
.
headers
[
'content-type'
]});
// 兼容ie语法
if
(
'msSaveOrOpenBlob'
in
navigator
){
window
.
navigator
.
msSaveOrOpenBlob
(
blob
,
actualFileName
);
return
;
}
// 通过文件流创建下载链接
var
href
=
URL
.
createObjectURL
(
blob
);
// 创建一个a元素并设置相关属性
let
a
=
document
.
createElement
(
'a'
);
a
.
href
=
href
;
a
.
download
=
actualFileName
;
// 添加a元素到当前网页
document
.
body
.
appendChild
(
a
);
// 触发a元素的点击事件,实现下载
a
.
click
();
// 从当前网页移除a元素
document
.
body
.
removeChild
(
a
);
// 释放blob对象
URL
.
revokeObjectURL
(
href
);
}
else
{
Message
.
error
(
_this
.
$t
(
'components.diskFileUpload.downloadFile1'
));
}
}).
catch
((
error
:
any
)
=>
{
Message
.
error
(
_this
.
$t
(
'components.diskFileUpload.downloadFile'
)
+
':'
+
error
);
});
}
/**
* 是否只支持图片上传
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
({
default
:
false
})
public
imageOnly
!
:
boolean
;
/**
* 是否开启行内预览
*
* @type {boolean}
* @memberof AppFileUpload
*/
@
Prop
({
default
:
false
})
public
rowPreview
!
:
boolean
;
/**
* 是否开启行内预览
*
* @type {boolean}
* @memberof AppFileUpload
*/
public
dialogVisible
:
boolean
=
false
;
/**
* 是否开启行内预览
*
* @type {boolean}
* @memberof AppFileUpload
*/
public
showActions
:
boolean
=
false
;
}
</
script
>
<
style
lang=
'less'
>
@import './app-file-upload.less';
</
style
>
\ No newline at end of file
src/components/app-upload-file-info/app-upload-file-info.vue
浏览文件 @
9f7879f2
...
...
@@ -9,6 +9,7 @@ import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
import
{
Environment
}
from
'@/environments/environment'
;
import
{
CreateElement
}
from
'vue'
;
import
{
Subject
,
Unsubscribable
}
from
'rxjs'
;
import
EntityService
from
'@/service/entity-service'
;
@
Component
({
})
...
...
@@ -42,6 +43,30 @@ export default class AppUploadFileInfo extends Vue {
*/
@
Prop
()
public
name
!
:
string
;
/**
* 应用上下文
*
* @type {*}
* @memberof AppUploadFileInfo
*/
@
Prop
()
public
context
!
:
any
;
/**
* 实体服务
*
* @type {EntityService}
* @memberof AppUploadFileInfo
*/
@
Prop
()
public
appEntityService
!
:
EntityService
;
/**
* 默认为当前实体主键id,有指定则按表单参数
*
* @type {string}
* @memberof AppUploadFileInfo
*/
@
Prop
()
public
ownerid
!
:
string
;
/**
* 上传文件路径
*
...
...
@@ -74,8 +99,11 @@ export default class AppUploadFileInfo extends Vue {
let
files
=
JSON
.
parse
(
this
.
value
);
if
(
files
.
length
){
files
.
forEach
((
file
:
any
)
=>
{
let
url
=
`
${
this
.
downloadUrl
}
/
${
file
.
id
}
`
;
file
.
url
=
url
;
// let url = `${this.downloadUrl}/${file.id}`;
const
entityName
=
this
.
appEntityService
.
APPDENAME
;
const
base64
=
`
${
file
.
id
}
|
${
entityName
}
|
${
this
.
ownerid
}
|
${
this
.
context
.
srfpersonid
||
this
.
context
.
srfuserid
}
`
;
const
downloadUrl
=
`http://downloadpath?key=
${
window
.
btoa
(
base64
)}
`
file
.
url
=
downloadUrl
;
});
}
else
{
files
=
[]
...
...
src/components/disk-file-upload/disk-file-upload.vue
浏览文件 @
9f7879f2
...
...
@@ -71,6 +71,7 @@ import Axios from 'axios';
import
{
Unsubscribable
}
from
'rxjs'
;
import
{
Environment
}
from
'@/environments/environment'
;
import
{
encode
}
from
"js-base64"
;
import
EntityService
from
'@/service/entity-service'
;
@
Component
({})
export
default
class
DiskFileUpload
extends
Vue
{
...
...
@@ -195,6 +196,22 @@ export default class DiskFileUpload extends Vue {
*/
@
Prop
({
default
:
false
})
public
showOcrview
?:
boolean
;
/**
* 实体服务
*
* @type {EntityService}
* @memberof DiskFileUpload
*/
@
Prop
()
public
appEntityService
!
:
EntityService
;
/**
* 应用上下文
*
* @type {*}
* @memberof DiskFileUpload
*/
@
Prop
()
public
context
!
:
any
;
/**
* 表单是否处于编辑状态(有真实主键,srfuf='1';srfuf='0'时处于新建未保存)
*
...
...
@@ -519,7 +536,10 @@ export default class DiskFileUpload extends Vue {
let
_this
:
any
=
this
;
const
id
=
typeof
item
.
id
==
"string"
?
item
.
id
:
JSON
.
stringify
(
item
.
id
);
const
name
=
typeof
item
.
name
==
"string"
?
item
.
name
:
JSON
.
stringify
(
item
.
filename
);
const
downloadUrl
=
'/ibizutilrpm/download/'
+
this
.
getFolder
()
+
'/'
+
id
+
'/'
+
encodeURIComponent
(
name
);
// const downloadUrl = '/ibizutilrpm/download/' + this.getFolder() + '/' + id + '/' + encodeURIComponent(name);
const
entityName
=
this
.
appEntityService
.
APPDENAME
;
const
base64
=
`
${
id
}
|
${
entityName
}
|
${
this
.
getOwnerid
()}
|
${
this
.
context
.
srfpersonid
||
this
.
context
.
srfuserid
}
`
;
const
downloadUrl
=
`http://downloadpath?key=
${
window
.
btoa
(
base64
)}
`
// 发送get请求
Axios
.
get
(
downloadUrl
,
{
headers
:
{
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录