Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
69fe4d1e
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
69fe4d1e
编写于
5月 15, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refine imageCropper fetch
上级
0476f25e
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
14 addition
and
34 deletion
+14
-34
src/components/ImageCropper/index.vue
src/components/ImageCropper/index.vue
+14
-34
未找到文件。
src/components/ImageCropper/index.vue
浏览文件 @
69fe4d1e
...
...
@@ -105,6 +105,7 @@
<
script
>
/* eslint-disable */
import
{
effectRipple
,
data2blob
}
from
'
./utils
'
;
import
fetch
from
'
utils/fetch
'
;
import
langBag
from
'
./lang
'
;
const
mimes
=
{
'
jpg
'
:
'
image/jpeg
'
,
...
...
@@ -659,7 +660,8 @@
})
}
// 监听进度回调
const
uploadProgress
=
function
(
event
)
{
function
uploadProgress
(
event
)
{
console
.
log
(
event
)
if
(
event
.
lengthComputable
)
{
that
.
progress
=
100
*
Math
.
round
(
event
.
loaded
)
/
event
.
total
;
}
...
...
@@ -669,43 +671,21 @@
that
.
loading
=
1
;
that
.
setStep
(
3
);
that
.
$emit
(
'
crop-success
'
,
createImgUrl
,
field
,
ki
);
new
Promise
(
function
(
resolve
,
reject
)
{
let
client
=
new
XMLHttpRequest
();
client
.
open
(
'
POST
'
,
url
,
true
);
client
.
onreadystatechange
=
function
()
{
if
(
this
.
readyState
!==
4
)
{
return
;
}
if
(
this
.
status
===
200
)
{
resolve
(
JSON
.
parse
(
this
.
responseText
));
}
else
{
reject
(
this
.
status
);
}
};
client
.
upload
.
addEventListener
(
"
progress
"
,
uploadProgress
,
false
);
//监听进度
// 设置header
if
(
typeof
headers
==
'
object
'
&&
headers
)
{
Object
.
keys
(
headers
).
forEach
((
k
)
=>
{
client
.
setRequestHeader
(
k
,
headers
[
k
]);
})
}
client
.
send
(
fmData
);
}).
then
(
// 上传成功
function
(
resData
)
{
that
.
loading
=
2
;
that
.
$emit
(
'
crop-upload-success
'
,
resData
);
},
// 上传失败
function
(
sts
)
{
if
(
that
.
value
)
{
fetch
({
url
,
method
:
'
post
'
,
data
:
fmData
}).
then
(
resData
=>
{
that
.
loading
=
2
;
that
.
$emit
(
'
crop-upload-success
'
,
resData
.
data
);
}).
catch
(
err
=>
{
if
(
that
.
value
)
{
that
.
loading
=
3
;
that
.
hasError
=
true
;
that
.
errorMsg
=
lang
.
fail
;
that
.
$emit
(
'
crop-upload-fail
'
,
sts
,
field
,
ki
);
that
.
$emit
(
'
crop-upload-fail
'
,
err
,
field
,
ki
);
}
}
);
});
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录