apiclod 上传图片_apicloud图片上传
apiready = function(){
UIMediaScanner= api.require(‘UIMediaScanner‘);
};//上傳照片
//使用本模塊前需在云編譯頁面添加勾選訪問相冊權限，否則會有崩潰閃退現象
var UIMediaScanner = null;functionchooseImg() {
api.actionSheet({
cancelTitle:‘取消‘,
buttons: [‘拍照‘, ‘從手機相冊選擇‘]
},function(ret, err) {var index =ret.buttonIndex;if (index == 1) {
api.getPicture({
sourceType:‘camera‘,
encodingType:‘jpg‘,
mediaValue:‘pic‘,
destinationType:‘url‘,
quality:40,
saveToPhotoAlbum:true},function(ret, err) {if(ret) {
updateImg(ret.data);
}
});
}else if (index == 2) {
UIMediaScanner.open({
type :‘picture‘,
column :4,
max :1,
sort : {
key :‘time‘,
order :‘desc‘},
texts : {
stateText :‘選擇圖片‘,
cancelText :‘取消‘,
finishText :‘完成‘},
styles : {
bg :‘#fff‘, //資源器背景
mark : { //選中圖片后的，對號
icon : ‘‘,
position :‘bottom_left‘, //位置
size : 30 //大小
},
nav : {
bg :‘#fff‘,
stateColor :‘#56b7e1‘,
stateSize :18,
cancelBg :‘rgba(0,0,0,0)‘,
cancelColor :‘#56b7e1‘,
cancelSize :15,
finishBg :‘rgba(0,0,0,0)‘,
finishColor :‘#56b7e1‘,
finishSize :15}
},
exchange :true},function(ret, err) {if(ret) {//transPath 圖片 轉換徐調用
UIMediaScanner.transPath({//圖片的路徑
path : ret.list[0].path
},function(ret, err) {if(ret) {
updateImg(ret.path);
}else{
$api.showToast(‘圖片轉換出錯，請重新選擇‘);
}
});
}
});
}
});
};//上傳圖片
functionupdateImg(path) {
api.showProgress({
title :‘ ‘,
text :‘正在上傳...‘,
modal :true});
api.ajax({
url : MainUrl+ ‘User&a=upload_img‘,
method :‘post‘,
timeout :60,
dataType :‘json‘,
returnAll :false,
data : {
files : {‘images‘: path
}
}
},function(data, err) {
api.hideProgress();if(err) {
$api.showToast(‘網絡異常，請稍后重試‘);return;
}if (data.status == 200) {
$api.css($api.byId(‘show_img‘), ‘background: url(‘ + data.data + ‘) center no-repeat; background-size: cover;‘);
$api.attr($api.byId(‘show_img‘), ‘data-img‘, data.data);
}else{
$api.showToast(data.info);
}
});
};
總結
以上是生活随笔為你收集整理的apiclod 上传图片_apicloud图片上传的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java 参数命名规则_Java命名规范
- 下一篇： 可调恒流驱动LED电路分析