H5+图片上传

plus.uploader 文件上传

1.直接上代码

  > var task = plus.uploader.createUpload(URL, {
    >                  						method: "POST"
    >                  					},
    >                  					function(t, status) { 
    >                  						if(status == 200) {
    >                  							//上传完成
    >                  						} else {
    >                  							alert("上传失败：" + status);
    >                  						}
    >                  					}
    >                  				);
    >                  				//将文件集合添加到上传队列中
    >                  				for(var i = 0; i < phomeFiles.length; i++) {
    >                  					var f = phomeFiles[i];
    >                  					task.addFile(f.src, {
    >                  						key: i
    >                  					});
    >                  				}
    >                  				task.addData('photoNumber',phomeFiles.length.toString())
    >                  				task.start();

特别注意：task.addData(),该方法key和value都必须是字符串格式，否则后台getParemeter拿不到!
最后再贴上H5+拍照和相册选取图片的方法:

function getImage() {
				var cmr = plus.camera.getCamera();
				cmr.captureImage(function(p) {
					plus.io.resolveLocalFileSystemURL(p, function(entry) {
						entry.file(function(file) {
							var fileReader = new plus.io.FileReader();
							var image = new Image();
							image.src = entry.toLocalURL();
							phomeFiles.push(image);
							var div = "<div class='div-img'><div>";
							div += '<img class="active" src="' + entry.toLocalURL() + '" style="width:45px;height:45px;" data-preview-src="" data-preview-group="1"/></div></div>';
							jQuery("#preview").html(div + jQuery("#preview").html());
							mui.previewImage();
						})

					}, function(e) {
					});
				}, function(e) {
				});
			}
			function getphoto() {
				plus.gallery.pick(function(e) {
					for(var i in e.files) {
						var image = new Image();
						image.src = e.files[i];
						phomeFiles.push(image);
						var div = "<div class='div-img'><div>";
						div += '<img class="active" src="' + e.files[i] + '" style="width:45px;height:45px; data-preview-src="" data-preview-group="1" /></div><div style="top:-70px;position: relative;left: 38px;"></div></div>';
						jQuery("#preview").html(div + jQuery("#preview").html());
						mui.previewImage();
					}
				}, function(e) {
					mui.alert('取消选择图片');
				}, {
					filter: 'image',
					multiple: true,
					maximum: 3,
					system: false,
					onmaxed: function() {
						plus.nativeUI.alert('最多只能选择3张图片');
					}
				}); // 最多选择3张图片
			}