Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
47bc53fb
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
47bc53fb
编写于
3月 30, 2021
作者:
richard_1015
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(uploader): upload file type modify
上级
55e2d423
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
23 addition
and
6 deletion
+23
-6
src/packages/uploader/demo.vue
src/packages/uploader/demo.vue
+4
-1
src/packages/uploader/doc.md
src/packages/uploader/doc.md
+6
-2
src/packages/uploader/index.vue
src/packages/uploader/index.vue
+13
-3
未找到文件。
src/packages/uploader/demo.vue
浏览文件 @
47bc53fb
...
@@ -2,6 +2,8 @@
...
@@ -2,6 +2,8 @@
<div
class=
"demo bg-w"
>
<div
class=
"demo bg-w"
>
<h2>
基础用法
</h2>
<h2>
基础用法
</h2>
<nut-uploader
:url=
"uploadUrl"
@
start=
"start"
></nut-uploader>
<nut-uploader
:url=
"uploadUrl"
@
start=
"start"
></nut-uploader>
<h2>
直接调起摄像头
</h2>
<nut-uploader
capture
></nut-uploader>
<h2>
上传状态
</h2>
<h2>
上传状态
</h2>
<nut-uploader
:url=
"uploadUrl"
multiple
@
delete=
"onDelete"
></nut-uploader>
<nut-uploader
:url=
"uploadUrl"
multiple
@
delete=
"onDelete"
></nut-uploader>
<h2>
限制上传数量5个
</h2>
<h2>
限制上传数量5个
</h2>
...
@@ -20,7 +22,8 @@
...
@@ -20,7 +22,8 @@
:before-upload=
"beforeUpload"
:before-upload=
"beforeUpload"
:maximize=
"1024 * 50"
:maximize=
"1024 * 50"
@
oversize=
"onOversize"
@
oversize=
"onOversize"
></nut-uploader>
>
</nut-uploader>
<h2>
自定义数据 FormData 、 headers
</h2>
<h2>
自定义数据 FormData 、 headers
</h2>
<nut-uploader
<nut-uploader
:url=
"uploadUrl"
:url=
"uploadUrl"
...
...
src/packages/uploader/doc.md
浏览文件 @
47bc53fb
...
@@ -21,6 +21,10 @@ app.use(Uploader);
...
@@ -21,6 +21,10 @@ app.use(Uploader);
```
html
```
html
<nut-uploader
url=
"http://服务器地址"
></nut-uploader>
<nut-uploader
url=
"http://服务器地址"
></nut-uploader>
### 直接调起摄像头
```
html
<nut-uploader
url=
"http://服务器地址"
capture
></nut-uploader>
```
```
### 限制上传数量5个
### 限制上传数量5个
...
@@ -94,11 +98,11 @@ setup() {
...
@@ -94,11 +98,11 @@ setup() {
| is-preview | 是否上传成功后展示预览图 | Boolean | true |
| is-preview | 是否上传成功后展示预览图 | Boolean | true |
| is-deletable | 是否展示删除按钮 | Boolean | true |
| is-deletable | 是否展示删除按钮 | Boolean | true |
| method | 上传请求的 http method | String | "post" |
| method | 上传请求的 http method | String | "post" |
| capture | 图片
[
选取模式
](
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#htmlattrdefcapture
)
,
可选值为 camera (直接调起摄像头) | String | "camera"
|
| capture | 图片[选取模式](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#htmlattrdefcapture),
直接调起摄像头 | String | false
|
| maximize | 可以设定最大上传文件的大小(字节) | Number丨String | Number.MAX_VALUE |
| maximize | 可以设定最大上传文件的大小(字节) | Number丨String | Number.MAX_VALUE |
| maximum | 文件上传数量限制 | Number丨String | 1 |
| maximum | 文件上传数量限制 | Number丨String | 1 |
| clear-input | 是否需要清空`input`内容,设为`true`支持重复选择上传同一个文件 | Boolean | false |
| clear-input | 是否需要清空`input`内容,设为`true`支持重复选择上传同一个文件 | Boolean | false |
| accept | 允许上传的文件类型,
[
详细说明
](
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#%E9%99%90%E5%88%B6%E5%85%81%E8%AE%B8%E7%9A%84%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B
)
| String |
image/
*
|
| accept | 允许上传的文件类型,[详细说明](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#%E9%99%90%E5%88%B6%E5%85%81%E8%AE%B8%E7%9A%84%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B) | String | * |
| headers | 设置上传的请求头部 | Object | {} |
| headers | 设置上传的请求头部 | Object | {} |
| data | 附加上传的信息 formData | Object | {} |
| data | 附加上传的信息 formData | Object | {} |
| upload-icon | 上传区域[图标名称](#/zh-CN/icon)或图片链接 | String | "photograph" |
| upload-icon | 上传区域[图标名称](#/zh-CN/icon)或图片链接 | String | "photograph" |
...
...
src/packages/uploader/index.vue
浏览文件 @
47bc53fb
...
@@ -18,8 +18,18 @@
...
@@ -18,8 +18,18 @@
<view
class=
"upload"
v-if=
"maximum - fileList.length"
>
<view
class=
"upload"
v-if=
"maximum - fileList.length"
>
<nut-icon
color=
"#808080"
:name=
"uploadIcon"
></nut-icon>
<nut-icon
color=
"#808080"
:name=
"uploadIcon"
></nut-icon>
<input
<input
v-if=
"capture"
type=
"file"
capture=
"camera"
:accept=
"accept"
:multiple=
"multiple"
:name=
"name"
:disabled=
"disabled"
@
change=
"onChange"
/>
<input
v-else
type=
"file"
type=
"file"
:capture=
"capture"
:accept=
"accept"
:accept=
"accept"
:multiple=
"multiple"
:multiple=
"multiple"
:name=
"name"
:name=
"name"
...
@@ -58,11 +68,11 @@ export default create({
...
@@ -58,11 +68,11 @@ export default create({
isPreview
:
{
type
:
Boolean
,
default
:
true
},
isPreview
:
{
type
:
Boolean
,
default
:
true
},
isDeletable
:
{
type
:
Boolean
,
default
:
true
},
isDeletable
:
{
type
:
Boolean
,
default
:
true
},
method
:
{
type
:
String
,
default
:
'
post
'
},
method
:
{
type
:
String
,
default
:
'
post
'
},
capture
:
{
type
:
String
,
default
:
'
camera
'
},
capture
:
{
type
:
Boolean
,
default
:
false
},
maximize
:
{
type
:
[
Number
,
String
],
default
:
Number
.
MAX_VALUE
},
maximize
:
{
type
:
[
Number
,
String
],
default
:
Number
.
MAX_VALUE
},
maximum
:
{
type
:
[
Number
,
String
],
default
:
1
},
maximum
:
{
type
:
[
Number
,
String
],
default
:
1
},
clearInput
:
{
type
:
Boolean
,
default
:
false
},
clearInput
:
{
type
:
Boolean
,
default
:
false
},
accept
:
{
type
:
String
,
default
:
'
image/
*
'
},
accept
:
{
type
:
String
,
default
:
'
*
'
},
headers
:
{
type
:
Object
,
default
:
{}
},
headers
:
{
type
:
Object
,
default
:
{}
},
data
:
{
type
:
Object
,
default
:
{}
},
data
:
{
type
:
Object
,
default
:
{}
},
uploadIcon
:
{
type
:
String
,
default
:
'
photograph
'
},
uploadIcon
:
{
type
:
String
,
default
:
'
photograph
'
},
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录