Appcan相机拍照、选择本地图片实例
匿名 · 更新于 2015/4/18
<inpu type="button" value="上传图像" class="oshowId" />
/**
*上传头像开始
*/
//上传头像
function upPicture(imgdata) {
var imgdata = imgdata;
// appcan.setLocVal('imgdata',imgdata);
// alert("上传返回路径:"+imgdata);
var imgs = '<img src="' + imgdata + '" class="umwh-img" id="img0"/>';
$("#showImg").append(imgs);
// document.getElementById("oshowId").style.display="none";
$("#oshowId ").attr('class', 'uhide');
$("#nshowId ").attr('class', 'duinn8 uba bc-red1 bc-text-wh uc-a3');
$('#show').attr('class', 'ub-f1 umar-l');
appcan.request.ajax({
url: "http://cloudservices.appcan.cn/1/files",
type: 'POST',
dataType: 'json',
beforeSend: addHeader,
data: {
'img': {
path: imgdata
}
},
success: function (ret, status, xhr) {
if (ret.status == "success") {
// alert(ret.msg.objectId);
appcan.setLocVal("imgURL", ret.msg.objectId);
} else {
//alert(ret.msg);
alert("上传文件失败--");
}
},
error: function (xhr, type) {
alert('Ajax error!')
}
});
uexUploaderMgr.createUploader(1, imgdata);
}
function cbCreateUploader(opId, dataType, data) { // 创建上传对象是否成功的回调方法
if (dataType == 2 && data == 0) {
//上传文件到服务器
uexUploaderMgr.uploadFile(opId, img, 'img', '4'); //上传文件
}
}
appcan.button(".oshowId ", "ani-act ", function () {
uexWindow.cbActionSheet = function (opid, type, data) { //弹出菜单列表的回调方法,data: (Number类型) 必选 返回的数据,用户点击的按钮索引。
switch (Number(data)) {
case 0:
{
uexImageBrowser.cbPick = function (opid, type, data) { // 成功选取图片后的回调方法, data:(String类型) 必选 选择完成后返回的路径
//alert(data);
upPicture(data)
}
uexImageBrowser.pick(0, 50); // 从相册中选取一张图片,并返回路径
break;
}
case 1:
{
uexCamera.cbOpen = function (opid, type, data) { //拍照的回调方法, 拍照成功后图片的保存路径
upPicture(data)
}
uexCamera.open(0, 50); //打开相机
break;
}
default:
break;
}
}
uexWindow.actionSheet("请选择", '取消', ['本地照片', '拍摄照片']);
})
//上传数据到数据库
function delPic() {
$("#oshowId ").attr('class', 'duinn8 uba bc-red1 bc-text-wh uc-a3 ');
$("#img0").remove();
$("#show").attr('class', 'uhide');
$("#nshowId").attr('class', 'uhide');
}
function addHeader(xhr) {
xhr.setRequestHeader("X-MAS-APP-INFO", '11374511/public');
}
function addHeaderWithContentType(xhr) {
addHeader(xhr);
xhr.setRequestHeader("Content-Type", "application/json");
}
//上传头像结束
