Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
FLIPPED-AURORA
gin-vue-admin
提交
63af7ee4
G
gin-vue-admin
项目概览
FLIPPED-AURORA
/
gin-vue-admin
大约 1 年 前同步成功
通知
333
Star
18155
Fork
5506
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gin-vue-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
63af7ee4
编写于
7月 10, 2021
作者:
Mr.奇淼(
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改上传图片相关bug
上级
0457a95e
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
7 addition
and
10 deletion
+7
-10
web/src/components/upload/image.vue
web/src/components/upload/image.vue
+6
-9
web/src/view/example/upload/upload.vue
web/src/view/example/upload/upload.vue
+1
-1
未找到文件。
web/src/components/upload/image.vue
浏览文件 @
63af7ee4
<!--
<div>
带压缩的上传
<upload-image v-model="imageUrl" :fileSize="512" />
已上传文件 {{ imageUrl }}
</div>
-->
<
template
>
<
template
>
<div>
<div>
...
@@ -17,7 +10,7 @@
...
@@ -17,7 +10,7 @@
:before-upload="beforeImageUpload"
:before-upload="beforeImageUpload"
:multiple="false"
:multiple="false"
>
>
<img
v-if=
"imageUrl"
:src=
"
i
mageUrl"
class=
"image"
>
<img
v-if=
"imageUrl"
:src=
"
showI
mageUrl"
class=
"image"
>
<i
v-else
class=
"el-icon-plus image-uploader-icon"
/>
<i
v-else
class=
"el-icon-plus image-uploader-icon"
/>
</el-upload>
</el-upload>
</div>
</div>
...
@@ -53,7 +46,10 @@ export default {
...
@@ -53,7 +46,10 @@ export default {
}
}
},
},
computed
:
{
computed
:
{
...
mapGetters
(
'
user
'
,
[
'
userInfo
'
,
'
token
'
])
...
mapGetters
(
'
user
'
,
[
'
userInfo
'
,
'
token
'
]),
showImageUrl
()
{
return
(
this
.
imageUrl
&&
this
.
imageUrl
.
slice
(
0
,
4
)
!==
'
http
'
)
?
path
+
this
.
imageUrl
:
this
.
imageUrl
}
},
},
methods
:
{
methods
:
{
beforeImageUpload
(
file
)
{
beforeImageUpload
(
file
)
{
...
@@ -70,6 +66,7 @@ export default {
...
@@ -70,6 +66,7 @@ export default {
const
{
data
}
=
res
const
{
data
}
=
res
if
(
data
.
file
)
{
if
(
data
.
file
)
{
this
.
$emit
(
'
change
'
,
data
.
file
.
url
)
this
.
$emit
(
'
change
'
,
data
.
file
.
url
)
this
.
$emit
(
'
on-success
'
)
}
}
}
}
}
}
...
...
web/src/view/example/upload/upload.vue
浏览文件 @
63af7ee4
...
@@ -17,7 +17,7 @@
...
@@ -17,7 +17,7 @@
</el-col>
</el-col>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
>
带压缩的上传, (512(k)为压缩限制)
带压缩的上传, (512(k)为压缩限制)
<upload-image
v-model=
"imageUrl"
:file-size=
"512"
:max-w-h=
"1080"
/>
<upload-image
v-model=
"imageUrl"
:file-size=
"512"
:max-w-h=
"1080"
@
on-success=
"getTableData"
/>
已上传文件
{{
imageUrl
}}
已上传文件
{{
imageUrl
}}
</el-col>
</el-col>
</el-row>
</el-row>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录