<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="css/mui.min.css" rel="stylesheet" />
<script src="js/mui.min.js"></script>
<script src="js/jquery.min.js"></script>
<style>
.imageup {
width: 100px;
height: 36px;
line-height: 36px;
}
.button {
width: 100px;
height: 50px;
line-height: 50px;
}
</style>
</head>
<body>
<img id="headimg" src='' height="150" width="150">
<p>
<a href="javascript:;" class="imageup">上传图片</a>
</p>
<p><button οnclick="upload();" class='button'> 提交</button></p>
<script>
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) {
console.log(e);
plus.io.resolveLocalFileSystemURL(e, function(entry) {
var path = entry.toLocalURL();
//console.log(path);
document.getElementById("headimg").src = path;
//就是这里www.bcty365.com
}, function(e) {
mui.toast("读取拍照文件错误:" + e.message);
});
});
}
// 从相册添加文件
function appendByGallery() {
plus.gallery.pick(function(path) {
document.getElementById("headimg").src = path;
});
}
//服务端接口路径
var url = "http://192.168.3.77/2018323/index.php";
//获取图片元素
var files = document.getElementById('headimg');
// 上传文件
function upload() {
console.log(files.src);
var wt = plus.nativeUI.showWaiting();
var task = plus.uploader.createUpload(url, {
method: "POST"
},
function(t, status) { //上传完成
if(status == 200) {
alert("上传成功:" + t.responseText);
wt.close(); //关闭等待提示按钮
} else {
alert("上传失败:" + status);
wt.close(); //关闭等待提示按钮
}
}
);
//添加其他参数
task.addData("name", "test");
task.addFile(files.src, {
key: "dddd"
});
task.start();
}
if(window.plus) {
plusReady();
} else {
document.addEventListener("plusready", plusReady, false);
}
</script>
</body>
</html>
拍照上传,从相册选择上传
最新推荐文章于 2021-01-16 19:25:38 发布