更新记录

1.0.0（2023-02-15）

版本上架

平台兼容性

mumu-system-sd

说明

mumu-system-sd 是使用 HTML5 Plus 中的 Native.js 调用java原生工具类直接在app中获取文件信息

开发本插件的目的是为了在 Android app端 作为h5office。预览office文件，预览文档，打开PDF WORD PPT EXCEL 文件 - DCloud 插件市场 组件，提供获取本地文件的功能发布的。

配合h5office 使用，完成文件预览功能

 <!-- h5office 需要在插件市场下载 -->
 <mumu-h5office v-model="isShow" :file="inputFile" appid="你申请的Appid"></mumu-h5office>
 <button @click="openFile">打开本地文件</button>

 <!-- 在插件市场一键导入后使用 -->
 <mumu-system-sd v-model="isShowSystemSd" @close="closeSystemSd"
   @onFilePath="sdOnFilePath"></mumu-system-sd>

export default {
  data() {
    inputFile: '', 
    isShow: false,
  },
  methods: {
    openFile() {
      this.isShowSystemSd = true
    },
    sdOnFilePath(e) {
      // 获取到的是真机的文件路径
      this.inputFile = e
      this.isShow = true
    },
  }
}

事件属性 文档说明

单独使用

sdOnFilePath 事件返回的是文件路径，还需要通过其他 html5 plus 工具类获取到文件本身

// 获取文件信息，文件大小和md5      
plus.io.getFileInfo({
            filePath, // filePath 就是通过本组件获取到的路径
            digestAlgorithm: 'md5',
            success: res => {
                resove(res)
            },
            fail: (err) => {
                reject(err)
            }
        })

// 文件上传
const task = plus.uploader.createUpload(url, {  // url 是服务器上传地址
                method: "POST",
                priority: 0
            },
            function(res, status) {
                if (status !== 200) reject(res)
                res = JSON.parse(res.responseText)
                if (res.code !== 200) reject(res)
                resove(res)
            }
        );
        task.addFile(filePath, {  // filePath 就是通过本组件获取到的路径
            key: "file"  // 当前文件的 key 值
        });
        // 上传的时候添加其他表单信息
        //  task.addData(key, addData[key]);

        task.start();

详情文档：HTML5+ API Reference (html5plus.org)

支持作者