更新记录

1.1.6（2026-01-24） 下载此版本

优化标题位置。

1.1.5（2026-01-24） 下载此版本

标题优化

1.1.4（2026-01-24） 下载此版本

版本号更新

平台兼容性

uni-app(4.33)

jx-file-picker

基于uni-file-picker组件的增强版本，支持文件大小限制、标题控制等功能。

功能特点

• 保留官方所有原有功能
• 支持文件大小限制（size属性）
• 支持控制标题显示（showTitle属性）
• 支持自定义标题后缀（title属性）
• 文件大小单位为MB

属性说明

使用方法

基础用法

<!-- 限制文件大小为1MB -->
<jx-file-picker
  :size="1"
  file-mediatype="all">
</jx-file-picker>

使用标题后缀

<!-- 显示提示："文件必须小于0.5MB，高度100宽度100" -->
<jx-file-picker
  :size="0.5"
  title="高度100宽度100"
  file-mediatype="all">
</jx-file-picker>

隐藏标题

<!-- 不显示任何标题 -->
<jx-file-picker
  :size="2"
  :showTitle="false"
  file-mediatype="all">
</jx-file-picker>

控制上传loading

<!-- 显示上传loading（默认行为） -->
<jx-file-picker
  :size="2"
  :showUploadLoading="true"
  file-mediatype="all">
</jx-file-picker>

<!-- 隐藏上传loading -->
<jx-file-picker
  :size="2"
  :showUploadLoading="false"
  file-mediatype="all">
</jx-file-picker>

完整示例

<jx-file-picker
  :limit="2"
  :size="0.1"
  :showTitle="false"
  :showUploadLoading="true"
  title="高度100宽度100"
  :image-styles="{ width: '80px', height: '80px' }"
  :dir="pages_list.updir">
</jx-file-picker>

注意事项

• 当size值小于1024时，单位为MB
• 当size值大于等于1024时，单位为字节
• 当size为0时，表示不限制文件大小
• 当showTitle为false时，整个标题区域将不显示
• 当showUploadLoading为false时，不显示上传状态loading
• title内容会作为后缀追加到基础提示文字后