Bootstrap

mui上传视频&图片踩坑plus.io.resolveLocalFileSystemURL

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加这个不然报错
	})
;