資源簡介
實現(xiàn)手機端照片上傳預(yù)覽、壓縮、旋轉(zhuǎn)功能。
//獲取照片方向角屬性，用戶旋轉(zhuǎn)控制
EXIF.getData(file, function() {
// alert(EXIF.pretty(this));
EXIF.getAllTags(this);
//alert(EXIF.getTag(this, 'Orientation'));
Orientation = EXIF.getTag(this, 'Orientation');
//return;
});
var base64 = null;
var mpImg = new MegaPixImage(image);
mpImg.render(canvas, {
maxWidth: 800,
maxHeight: 1200,
quality: 0.8,
orientation: Orientation
});
base64 = canvas.toDataURL("image/jpeg", 0.8);
代碼片段和文件信息
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????目錄???????????0??2015-09-22?10:04??js\
?????文件???????30213??2015-09-22?10:04??js\exif.js
?????文件??????267775??2015-09-21?17:01??js\jquery-1.8.3.js
?????文件????????7151??2015-09-21?17:10??js\megapic-image.js
?????目錄???????????0??2015-09-21?17:01??js\uploadPicture\
?????文件????????9721??2015-09-21?17:01??js\uploadPicture\mobileBUGFix.mini.js
?????文件????????3961??2015-09-21?17:01??js\uploadPicture\upload.js
?????文件????????7335??2015-09-22?15:19??js\uploadPicture\uploadImage.js
?????文件?????????867??2015-09-22?15:22??upload.html
-----------?---------??----------?-----??----
?????目錄???????????0??2015-09-22?10:04??js\
?????文件???????30213??2015-09-22?10:04??js\exif.js
?????文件??????267775??2015-09-21?17:01??js\jquery-1.8.3.js
?????文件????????7151??2015-09-21?17:10??js\megapic-image.js
?????目錄???????????0??2015-09-21?17:01??js\uploadPicture\
?????文件????????9721??2015-09-21?17:01??js\uploadPicture\mobileBUGFix.mini.js
?????文件????????3961??2015-09-21?17:01??js\uploadPicture\upload.js
?????文件????????7335??2015-09-22?15:19??js\uploadPicture\uploadImage.js
?????文件?????????867??2015-09-22?15:22??upload.html
評論
共有 條評論
川公網(wǎng)安備 51152502000135號