Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
8c0d1970
U
uni-app
项目概览
DCloud
/
uni-app
大约 1 个月 前同步成功
通知
702
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8c0d1970
编写于
11月 09, 2020
作者:
L
liuxiaohang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(h5):
✨
add uni.chooseFile()
上级
ea8e420c
变更
9
显示空白变更内容
内联
并排
Showing
9 changed file
with
159 addition
and
54 deletion
+159
-54
lib/apis.js
lib/apis.js
+2
-1
lib/modules.json
lib/modules.json
+2
-1
src/core/helpers/protocol/media/choose-file.js
src/core/helpers/protocol/media/choose-file.js
+37
-0
src/core/helpers/protocol/media/choose-image.js
src/core/helpers/protocol/media/choose-image.js
+4
-0
src/core/helpers/protocol/media/choose-video.js
src/core/helpers/protocol/media/choose-video.js
+4
-0
src/platforms/h5/service/api/media/choose-file.js
src/platforms/h5/service/api/media/choose-file.js
+59
-0
src/platforms/h5/service/api/media/choose-image.js
src/platforms/h5/service/api/media/choose-image.js
+8
-29
src/platforms/h5/service/api/media/choose-video.js
src/platforms/h5/service/api/media/choose-video.js
+6
-23
src/platforms/h5/service/api/media/create_input.js
src/platforms/h5/service/api/media/create_input.js
+37
-0
未找到文件。
lib/apis.js
浏览文件 @
8c0d1970
...
...
@@ -49,6 +49,7 @@ const location = [
const
media
=
[
'
chooseImage
'
,
'
chooseFile
'
,
'
previewImage
'
,
'
getImageInfo
'
,
'
saveImageToPhotosAlbum
'
,
...
...
@@ -170,7 +171,7 @@ const ui = [
'
showRightWindow
'
,
'
hideTopWindow
'
,
'
hideLeftWindow
'
,
'
hideRightWindow
'
,
'
hideRightWindow
'
]
const
event
=
[
...
...
lib/modules.json
浏览文件 @
8c0d1970
...
...
@@ -55,6 +55,7 @@
"title"
:
"媒体"
,
"apiList"
:
{
"uni.chooseImage"
:
true
,
"uni.chooseFile"
:
true
,
"uni.previewImage"
:
true
,
"uni.getImageInfo"
:
true
,
"uni.saveImageToPhotosAlbum"
:
true
,
...
...
src/core/helpers/protocol/media/choose-file.js
0 → 100644
浏览文件 @
8c0d1970
const
MEDIA_TYPE
=
[
'
all
'
,
'
image
'
,
'
video
'
]
const
SOURCE_TYPES
=
[
'
album
'
,
'
camera
'
]
export
const
chooseFile
=
{
count
:
{
type
:
Number
,
required
:
false
,
default
:
100
,
validator
(
count
,
params
)
{
if
(
count
<=
0
)
{
params
.
count
=
100
}
}
},
sourceType
:
{
type
:
Array
,
required
:
false
,
default
:
SOURCE_TYPES
,
validator
(
sourceType
,
params
)
{
sourceType
=
sourceType
.
filter
(
sourceType
=>
SOURCE_TYPES
.
includes
(
sourceType
))
params
.
sourceType
=
sourceType
.
length
?
sourceType
:
SOURCE_TYPES
}
},
type
:
{
type
:
String
,
required
:
false
,
default
:
'
all
'
,
validator
(
type
,
params
)
{
if
(
!
MEDIA_TYPE
.
includes
(
type
))
params
.
type
=
MEDIA_TYPE
[
0
]
params
.
type
=
params
.
type
===
'
all
'
?
params
.
type
=
'
*
'
:
params
.
type
}
},
extension
:
{
type
:
Array
,
default
:
[
'
*
'
]
}
}
src/core/helpers/protocol/media/choose-image.js
浏览文件 @
8c0d1970
...
...
@@ -30,5 +30,9 @@ export const chooseImage = {
sourceType
=
sourceType
.
filter
(
sourceType
=>
SOURCE_TYPES
.
includes
(
sourceType
))
params
.
sourceType
=
sourceType
.
length
?
sourceType
:
SOURCE_TYPES
}
},
extension
:
{
type
:
Array
,
default
:
[
'
*
'
]
}
}
src/core/helpers/protocol/media/choose-video.js
浏览文件 @
8c0d1970
...
...
@@ -17,5 +17,9 @@ export const chooseVideo = {
camera
:
{
type
:
String
,
default
:
'
back
'
},
extension
:
{
type
:
Array
,
default
:
[
'
*
'
]
}
}
src/platforms/h5/service/api/media/choose-file.js
0 → 100644
浏览文件 @
8c0d1970
import
{
fileToUrl
}
from
'
uni-platform/helpers/file
'
import
_createInput
from
'
./create_input
'
const
{
invokeCallbackHandler
:
invoke
}
=
UniServiceJSBridge
let
fileInput
=
null
export
function
chooseFile
({
// sizeType,
count
,
sourceType
,
type
,
extension
},
callbackId
)
{
// TODO handle sizeType 尝试通过 canvas 压缩
if
(
fileInput
)
{
document
.
body
.
removeChild
(
fileInput
)
fileInput
=
null
}
fileInput
=
_createInput
({
count
,
sourceType
,
type
,
extension
})
document
.
body
.
appendChild
(
fileInput
)
fileInput
.
addEventListener
(
'
change
'
,
function
(
event
)
{
const
tempFiles
=
[]
const
fileCount
=
event
.
target
.
files
.
length
for
(
let
i
=
0
;
i
<
fileCount
;
i
++
)
{
const
file
=
event
.
target
.
files
[
i
]
let
filePath
Object
.
defineProperty
(
file
,
'
path
'
,
{
get
()
{
filePath
=
filePath
||
fileToUrl
(
file
)
return
filePath
}
})
if
(
i
<
count
)
tempFiles
.
push
(
file
)
}
const
res
=
{
errMsg
:
'
chooseFile:ok
'
,
get
tempFilePaths
()
{
return
tempFiles
.
map
(({
path
})
=>
path
)
},
tempFiles
:
tempFiles
}
invoke
(
callbackId
,
res
)
// TODO 用户取消选择时,触发 fail,目前尚未找到合适的方法。
})
fileInput
.
click
()
}
src/platforms/h5/service/api/media/choose-image.js
浏览文件 @
8c0d1970
import
{
fileToUrl
}
from
'
uni-platform/helpers/file
'
import
{
updateElementStyle
}
from
'
uni-shared
'
import
_createInput
from
'
./create_input
'
const
{
invokeCallbackHandler
:
invoke
...
...
@@ -7,34 +7,11 @@ const {
let
imageInput
=
null
const
_createInput
=
function
(
options
)
{
const
inputEl
=
document
.
createElement
(
'
input
'
)
inputEl
.
type
=
'
file
'
updateElementStyle
(
inputEl
,
{
position
:
'
absolute
'
,
visibility
:
'
hidden
'
,
'
z-index
'
:
-
999
,
width
:
0
,
height
:
0
,
top
:
0
,
left
:
0
})
inputEl
.
accept
=
'
image/*
'
if
(
options
.
count
>
1
)
{
inputEl
.
multiple
=
'
multiple
'
}
// 经过测试,仅能限制只通过相机拍摄,不能限制只允许从相册选择。
if
(
options
.
sourceType
.
length
===
1
&&
options
.
sourceType
[
0
]
===
'
camera
'
)
{
inputEl
.
capture
=
'
camera
'
}
return
inputEl
}
export
function
chooseImage
({
count
,
// sizeType,
sourceType
sourceType
,
extension
},
callbackId
)
{
// TODO handle sizeType 尝试通过 canvas 压缩
...
...
@@ -44,8 +21,10 @@ export function chooseImage ({
}
imageInput
=
_createInput
({
count
:
count
,
sourceType
:
sourceType
count
,
sourceType
,
extension
,
type
:
'
image
'
})
document
.
body
.
appendChild
(
imageInput
)
...
...
@@ -61,7 +40,7 @@ export function chooseImage ({
return
filePath
}
})
tempFiles
.
push
(
file
)
if
(
i
<
count
)
tempFiles
.
push
(
file
)
}
const
res
=
{
errMsg
:
'
chooseImage:ok
'
,
...
...
src/platforms/h5/service/api/media/choose-video.js
浏览文件 @
8c0d1970
import
{
fileToUrl
,
revokeObjectURL
}
from
'
uni-platform/helpers/file
'
import
{
updateElementStyle
}
from
'
uni-shared
'
import
_createInput
from
'
./create_input
'
const
{
invokeCallbackHandler
:
invoke
...
...
@@ -7,28 +7,9 @@ const {
let
videoInput
=
null
const
_createInput
=
function
(
options
)
{
const
inputEl
=
document
.
createElement
(
'
input
'
)
inputEl
.
type
=
'
file
'
updateElementStyle
(
inputEl
,
{
position
:
'
absolute
'
,
visibility
:
'
hidden
'
,
'
z-index
'
:
-
999
,
width
:
0
,
height
:
0
,
top
:
0
,
left
:
0
})
inputEl
.
accept
=
'
video/*
'
// 经过测试,仅能限制只通过相机拍摄,不能限制只允许从相册选择。
if
(
options
.
sourceType
.
length
===
1
&&
options
.
sourceType
[
0
]
===
'
camera
'
)
{
inputEl
.
capture
=
'
camera
'
}
return
inputEl
}
export
function
chooseVideo
({
sourceType
sourceType
,
extension
},
callbackId
)
{
if
(
videoInput
)
{
document
.
body
.
removeChild
(
videoInput
)
...
...
@@ -36,7 +17,9 @@ export function chooseVideo ({
}
videoInput
=
_createInput
({
sourceType
:
sourceType
sourceType
:
sourceType
,
extension
,
type
:
'
video
'
})
document
.
body
.
appendChild
(
videoInput
)
...
...
src/platforms/h5/service/api/media/create_input.js
0 → 100644
浏览文件 @
8c0d1970
import
{
updateElementStyle
}
from
'
uni-shared
'
export
default
function
({
count
,
sourceType
,
type
,
extension
})
{
const
inputEl
=
document
.
createElement
(
'
input
'
)
inputEl
.
type
=
'
file
'
updateElementStyle
(
inputEl
,
{
position
:
'
absolute
'
,
visibility
:
'
hidden
'
,
'
z-index
'
:
-
999
,
width
:
0
,
height
:
0
,
top
:
0
,
left
:
0
})
inputEl
.
accept
=
extension
.
map
(
item
=>
{
if
(
type
!==
'
*
'
)
{
// 剔除.拼接在type后
return
`
${
type
}
/
${
item
.
replace
(
'
.
'
,
''
)}
`
}
else
{
// 在后缀前方加上.
return
item
.
indexOf
(
'
.
'
)
===
0
?
item
:
`.
${
item
}
`
}
}).
join
(
'
,
'
)
if
(
count
>
1
)
{
inputEl
.
multiple
=
'
multiple
'
}
// 经过测试,仅能限制只通过相机拍摄,不能限制只允许从相册选择。
if
(
sourceType
.
length
===
1
&&
sourceType
[
0
]
===
'
camera
'
)
{
inputEl
.
capture
=
'
camera
'
}
return
inputEl
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录