好资源导航 » 文章资讯 » 详解Vue调用手机相机和相册以及上传

详解Vue调用手机相机和相册以及上传

2023-08-23 23:00:04 64

组件

javaScript代码


exportdefault{
name:"cameras-and-albums",
data(){
return{
imgList:[],
datas:newFormData(),
files:0,
size:0
}
},
methods:{
//调用相册&相机
fileClick(){
$('#upload_file').click();

},
//调用手机摄像头并拍照
getImage(){
letcmr=plus.camera.getCamera();
cmr.captureImage(function(p){
plus.io.resolveLocalFileSystemURL(p,function(entry){
compressImage(entry.toLocalURL(),entry.name);
},function(e){
plus.nativeUI.toast("读取拍照文件错误："+e.message);
});
},function(e){
},{
filter:'image'
});
},
//从相册选择照片
galleryImgs(){
plus.gallery.pick(function(e){
letname=e.substr(e.lastIndexOf('/')+1);
compressImage(e,name);
},function(e){
},{
filter:"image"
});
},
//点击事件，弹出选择摄像头和相册的选项
showActionSheet(){
letbts=[{
title:"拍照"
},{
title:"从相册选择"
}];
plus.nativeUI.actionSheet({
cancel:"取消",
buttons:bts
},
function(e){
if(e.index==1){
this.getImage();
}elseif(e.index==2){
this.galleryImgs();
}
}
);
},
fileChange(el){
this.files=$("#upload_file").get(0).files;
console.log(this.files.length);
for(leti=0;i

以上所述是小编给大家介绍的Vue调用手机相机及上传详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
514930285
czq8825@qq.com

详解Vue调用手机相机和相册以及上传

热门推荐

随机推荐