Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
为 GitLab 提交贡献
登录/注册
切换导航
T
topology
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分枝图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
分枝图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
姜立玮
topology
Commits
566053da
提交
566053da
authored
4 年前
作者:
RuoYi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新增图片上传组件
上级
0ef00724
变更
1
显示空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
68 行增加
和
0 行删除
+68
-0
index.vue
ruoyi-ui/src/components/UploadImage/index.vue
+68
-0
没有找到文件。
ruoyi-ui/src/components/UploadImage/index.vue
0 → 100644
浏览文件 @
566053da
<
template
>
<div
class=
"component-upload-image"
>
<el-upload
:action=
"uploadImgUrl"
list-type=
"picture-card"
:on-success=
"handleUploadSuccess"
:before-upload=
"handleBeforeUpload"
:on-error=
"handleUploadError"
name=
"file"
:show-file-list=
"false"
:headers=
"headers"
style=
"display: inline-block; vertical-align: top"
>
<img
v-if=
"value"
:src=
"value"
class=
"avatar"
/>
<i
v-else
class=
"el-icon-plus avatar-uploader-icon"
></i>
</el-upload>
</div>
</
template
>
<
script
>
import
{
getToken
}
from
"@/utils/auth"
;
export
default
{
components
:
{},
data
()
{
return
{
uploadImgUrl
:
process
.
env
.
VUE_APP_BASE_API
+
"/common/upload"
,
// 上传的图片服务器地址
headers
:
{
Authorization
:
"Bearer "
+
getToken
(),
},
};
},
props
:
{
value
:
{
type
:
String
,
default
:
""
,
},
},
methods
:
{
handleUploadSuccess
(
res
)
{
this
.
$emit
(
"input"
,
res
.
url
);
this
.
loading
.
close
();
},
handleBeforeUpload
()
{
this
.
loading
=
this
.
$loading
({
lock
:
true
,
text
:
"上传中"
,
background
:
"rgba(0, 0, 0, 0.7)"
,
});
},
handleUploadError
()
{
this
.
$message
({
type
:
"error"
,
message
:
"上传失败"
,
});
this
.
loading
.
close
();
},
},
watch
:
{},
};
</
script
>
<
style
scoped
lang=
"scss"
>
.avatar
{
width
:
100%
;
height
:
100%
;
}
</
style
>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论