本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您
思路:
1. 通过拍照或者选择一张照片
2. 将照片作为底,一个正方形容器作为边界。通过移动正方形容器获取所需图形的边界。
3. 截取图片,并压缩到指定大小。
4. 上传到服务器。
具体实现:
1. 获取照片资源
1.1 从相册选择
function chooseImgFromAlbums() {
plus.gallery.pick(function(file) {
changeToLocalUrl(file);
}, function(err) {
console.log(JSON.stringify(err));
}, {
filter: 'image',
multiple: false
});
}
1.2 拍照
function chooseImgFromPictures() {
var cmr = plus.camera.getCamera();
cmr.captureImage(function(file) {
changeToLocalUrl(file);
}, function(err) {
console.log(JSON.stringify(err));
}, {
index: '2',
});
}
1.3 相册选择和拍照选择返回的路径都是相对路径,为了让其显示在img里面,我们需要转换为本地路径。此处打开一张新页面来对图片进行处理
function changeToLocalUrl(path) {
plus.io.resolveLocalFileSystemURL(path, function(entry) {
openWindow('uploadImg.html?src=' entry.