hbuilder+mui+html5 Plus+strtus手机app拍照上传

1.html结构

<div class="imagediv" >
				<ul class="mui-table-view" style="padding-top: 5px;">
					<li>
						<img src="../images/iconfont-tianjia.png" class="imageup"
							id="addnew" width="70px;" height="70px;">
					</li>
				</ul>
			</div>

2.js部分

//图片上传开始
	function plusReady(){  
		mui("body").on("tap",".imageup",function(){ 
			page.imgUp(); 
		})
	}
	var page=null;
	page={
		imgUp:function(){
			var m=this;
			plus.nativeUI.actionSheet(
				{cancel:"取消",
				buttons:[{title:"拍照"},
						{title:"从相册选择"}]
				}, function(e){//1 是拍照  2 从相册中选择  
				switch(e.index){
					case 1:appendByCamera();break;
					case 2:appendByGallery();break;
				}
			});
		}
	}
	//拍照
	function appendByCamera(){
		plus.camera.getCamera().captureImage(function(e){
			plus.io.resolveLocalFileSystemURL(e, function(entry) { 
				var path = entry.toLocalURL();//图片本地路径
				var name=entry.name//图片名称
				showImage(path,name)
			}, function(e) { 
				mui.toast("读取拍照文件错误:" + e.message); 
			}); 
		});
	}
	//从相册选择
	function appendByGallery(){
		plus.gallery.pick(function(path){
			plus.io.resolveLocalFileSystemURL(path, function(entry) {
				var name=entry.name
				showImage(path,name)
			}, function(e) {
				plus.nativeUI.toast("读取拍照文件错误:" + e.message);
			});
		});
	}
	//图片显示说明:根据自己的业务逻辑来写,此处,我是需要图片的原来name和上传之后的name放到了隐藏域里,不需要的可以去掉
	function show
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值