Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
gyf5267218
vue-element-admin
提交
46b6a6e1
V
vue-element-admin
项目概览
gyf5267218
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
4
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,发现更多精彩内容 >>
提交
46b6a6e1
编写于
6月 02, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add qiniu upload example
上级
e8fb41d0
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
51 addition
and
27 deletion
+51
-27
src/api/qiniu.js
src/api/qiniu.js
+7
-27
src/views/qiniu/upload.vue
src/views/qiniu/upload.vue
+44
-0
未找到文件。
src/api/qiniu.js
浏览文件 @
46b6a6e1
// import fetch, { tpFetch }
from 'utils/fetch';
import
fetch
from
'
utils/fetch
'
;
// export function getToken() {
// return fetch({
// url: '/qiniu/upload/token',
// method: 'get'
// });
// }
// export function upload(data) {
// return tpFetch({
// url: 'https://upload.qbox.me',
// method: 'post',
// data
// });
// }
// /* 外部uri转七牛uri*/
// export function netUpload(token, net_url) {
// const imgData = {
// net_url
// };
// return fetch({
// url: '/qiniu/upload/net/async',
// method: 'post',
// data: imgData
// });
// }
export
function
getToken
()
{
return
fetch
({
url
:
'
/qiniu/upload/token
'
,
// 假地址 自行替换
method
:
'
get
'
});
}
src/views/qiniu/upload.vue
0 → 100644
浏览文件 @
46b6a6e1
<
template
>
<el-upload
action=
"https://upload.qbox.me"
:data=
"dataObj"
drag
:multiple=
"true"
:before-upload=
"beforeUpload"
>
<i
class=
"el-icon-upload"
></i>
<div
class=
"el-upload__text"
>
将文件拖到此处,或
<em>
点击上传
</em></div>
</el-upload>
</
template
>
<
script
>
import
{
getToken
}
from
'
api/qiniu
'
;
// 获取七牛token 后端通过Access Key,Secret Key,bucket等生成token
// 七牛官方sdk https://developer.qiniu.com/sdk#official-sdk
export
default
{
data
()
{
return
{
dataObj
:
{
token
:
''
,
key
:
''
},
image_uri
:
[],
fileList
:
[]
}
},
methods
:
{
beforeUpload
()
{
const
_self
=
this
;
return
new
Promise
((
resolve
,
reject
)
=>
{
getToken
().
then
(
response
=>
{
const
key
=
response
.
data
.
qiniu_key
;
const
token
=
response
.
data
.
qiniu_token
;
_self
.
_data
.
dataObj
.
token
=
token
;
_self
.
_data
.
dataObj
.
key
=
key
;
resolve
(
true
);
}).
catch
(
err
=>
{
console
.
log
(
err
)
reject
(
false
)
});
});
}
}
}
</
script
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录