mirror of
https://gitee.com/java110/PropertyApp.git
synced 2026-02-23 21:36:39 +08:00
优化 图片压缩bug
This commit is contained in:
parent
4c74974cfc
commit
acd765d40c
@ -1,9 +1,9 @@
|
|||||||
import conf from '../conf/config.js'
|
import conf from '../conf/config.js'
|
||||||
const baseUrl = conf.baseUrl;
|
const baseUrl = conf.baseUrl;
|
||||||
const hcBaseUrl = conf.baseUrl;
|
const hcBaseUrl = conf.commonBaseUrl;
|
||||||
export default {
|
export default {
|
||||||
baseUrl: baseUrl,
|
baseUrl: baseUrl,
|
||||||
hcBaseUrl: baseUrl, // 登录接口
|
hcBaseUrl: hcBaseUrl, // 登录接口
|
||||||
loginUrl: baseUrl + 'app/loginProperty',
|
loginUrl: baseUrl + 'app/loginProperty',
|
||||||
areaUrl: baseUrl + "app/area.listAreas",
|
areaUrl: baseUrl + "app/area.listAreas",
|
||||||
GetNoticeListUrl: baseUrl + 'app/notice.listNotices', //公告接口
|
GetNoticeListUrl: baseUrl + 'app/notice.listNotices', //公告接口
|
||||||
|
|||||||
@ -6,7 +6,13 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
export function translate(imgSrc, callback) {
|
export function translate(imgSrc, callback) {
|
||||||
|
// #ifndef H5
|
||||||
imageToBease64(imgSrc, callback)
|
imageToBease64(imgSrc, callback)
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
// #ifdef H5
|
||||||
|
translateH5(imgSrc,callback)
|
||||||
|
// #endif
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -66,3 +72,62 @@ export function base64ToBlob(base64) {
|
|||||||
type: mime
|
type: mime
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export function translateH5(imgSrc, callback) {
|
||||||
|
|
||||||
|
var img = new Image();
|
||||||
|
|
||||||
|
img.src = imgSrc;
|
||||||
|
|
||||||
|
img.onload = function () {
|
||||||
|
|
||||||
|
var that = this;
|
||||||
|
|
||||||
|
var h = that.height;
|
||||||
|
|
||||||
|
// 默认按比例压缩
|
||||||
|
|
||||||
|
var w = that.width;
|
||||||
|
|
||||||
|
var canvas = document.createElement('canvas');
|
||||||
|
|
||||||
|
var ctx = canvas.getContext('2d');
|
||||||
|
|
||||||
|
var anw = document.createAttribute("width");
|
||||||
|
|
||||||
|
anw.nodeValue = w;
|
||||||
|
|
||||||
|
var anh = document.createAttribute("height");
|
||||||
|
|
||||||
|
anh.nodeValue = h;
|
||||||
|
|
||||||
|
canvas.setAttributeNode(anw);
|
||||||
|
|
||||||
|
canvas.setAttributeNode(anh);
|
||||||
|
|
||||||
|
ctx.drawImage(that, 0, 0, w, h);
|
||||||
|
|
||||||
|
//压缩比例
|
||||||
|
|
||||||
|
var quality = 0.3;
|
||||||
|
|
||||||
|
var base64 = canvas.toDataURL('image/jpeg', quality);
|
||||||
|
|
||||||
|
canvas = null;
|
||||||
|
|
||||||
|
// var blob = base64ToBlob(base64);
|
||||||
|
|
||||||
|
// console.log(333);
|
||||||
|
// console.log(base64)
|
||||||
|
|
||||||
|
//Blob对象转blob地址
|
||||||
|
|
||||||
|
// var blobUrl = window.URL.createObjectURL(blob);
|
||||||
|
|
||||||
|
callback(base64);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user