更新记录
1.0.0(2023-02-15)
版本上架
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
mumu-system-sd
说明
mumu-system-sd
是使用 HTML5 Plus 中的 Native.js
调用java原生工具类直接在app中获取文件信息
开发本插件的目的是为了在 Android app端
作为h5office。预览office文件,预览文档,打开PDF WORD PPT EXCEL 文件 - DCloud 插件市场 组件,提供获取本地文件的功能发布的。
<!-- 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)
支持作者