mui上传视频and图片
先来看看这里的从官方文档直接抄过来的选择图片/视频。
function galleryImg() {
plus.gallery.pick(function(a) {
plus.io.resolveLocalFileSystemURL(a, function(entry) {
plus.io.resolveLocalFileSystemURL("_doc/", function(root) {
root.getFile("head.jpg", {}, function(file) {
//文件已存在
file.remove(function() {
//console.log("file remove success");
entry.copyTo(root, 'head.jpg', function(e) {
var e = e.fullPath + "?version=" + new Date().getTime();
xianshivideo(); //显示视频
document.getElementById("head-img1").src = e;
//变更大图预览的src
//目前仅有一张图片,暂时如此处理,后续需要通过标准组件实现
document.querySelector("#__mui-imageview__group .mui-slider-item img").src = e + "?version=" + new Date().getTime();
},
function(e) {
console.log('copy image fail:' + e.message);
});
}, function() {
console.log("delete image fail:" + e.message);
});
}, function() {
//文件不存在
entry.copyTo(root, 'head.jpg', function(e) {
var path = e.fullPath + "?version=" + new Date().getTime();
xianshivideo(); //显示视频
document.getElementById("head-img1").src = path;
//变更大图预览的src
//目前仅有一张图片,暂时如此处理,后续需要通过标准组件实现
document.querySelector("#__mui-imageview__group .mui-slider-item img").src = path;
},
function(e) {
console.log('copy image fail:' + e.message);
});
});
}, function(e) {
console.log("get _www folder fail");
})
}, function(e) {
console.log("读取拍照文件错误:" + e.message);
});
}, function(a) {}, {
filter: "video"
})
};
这里选择图片还是视频的关键在于最后面的
filter: “video” !!!! 在这个后面就是选择你要上传的文件类型
filter: “image” !!! 这个就是图片
来看看html咋写的
<div class="shipingneirong">
<video controls id="head-img1">
<source src="" type="video/mp4">
</video>
</div>
就这样,如果此处选择的是图片文件记得改成img。
看到这里用安卓的同学们你们应该已经能够成功的上传视频了!!
但是这里藏着一个坑!这个坑就是!
ios !!!
苹果手机上面选择报错啊啊啊啊啊!报路径不存在要不就是什么无法读取之类的
这里注意!(敲黑板)
最后面记得加文件类型啊!!!!
function(a) {}, {
filter: "video",
filename:'head.mp4' //ios加这个不然报错
})