mui对接php的upload_MUI 图片+数据 上传解决方案

首页

html,

body {

background-color: #efeff4;

}

.title {

margin: 20px 15px 10px;

color: #6d6d72;

font-size: 15px;

padding-bottom: 51px;

}

上传

document.getElementById('headImage').addEventListener('tap', function() {

if (mui.os.plus) {

var buttonTit = [{

title: "拍照"

}, {

title: "从手机相册选择"

}];

plus.nativeUI.actionSheet({

title: "上传图片",

cancel: "取消",

buttons: buttonTit

}, function(b) { /*actionSheet 按钮点击事件*/

switch (b.index) {

case 0:

break;

case 1:

getImage(); /*拍照*/

break;

case 2:

galleryImg();/*打开相册*/

break;

default:

break;

}

})

}

}, false);

// 拍照获取图片

function getImage() {

plus.camera.getCamera().captureImage(function(e){

//console.log("e is" + e);

plus.io.resolveLocalFileSystemURL(e, function(entry) {

var path = entry.toLocalURL();

var task_img=document.getElementById('task-img');

task_img.src=path;

}, function(e) {

mui.toast("读取拍照文件错误：" + e.message);

});

});

}

//从相册中选择图片

function galleryImg(){

// 从相册中选择图片

plus.gallery.pick(function(path){

// 其他操作,比如预览展示

var task_img=document.getElementById('task-img');

task_img.src=path;

upload();

});

}

// 上传的方法

function upload(){

var rul = "";

var imgsArr = mui("#task-img"); // 要上传的 img 标签

mui.each(imgsArr, function(index, item){

createUp(item)

})

function createUp (files) {

var task = plus.uploader.createUpload(rul,

{method:"POST"},

function(t,status){ //上传完成

if(status==200){

console.log("上传成功："+t.responseText);

}else{

console.log("上传失败："+status);

}

}

);

//添加其他参数

task.addData("key","");

task.addData("userid",1);

task.addData("title","");

;

// 页面中要上传的 图片路径

task.addFile(files.src,{key:files.src});

task.start();

}

}