</>复制代码
function ImageFileResize(file, maxWidth, maxHeight, callback) {
var Img = new Image;
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
Img.onload = function() {
if (Img.width>maxWidth || Img.height>maxHeight) {
var bili = Math.max(Img.width/maxWidth, Img.height/maxHeight);
canvas.width = Img.width/bili;
canvas.height = Img.height/bili;
}else{
canvas.width = Img.width;
canvas.height = Img.height;
}
ctx.drawImage(Img, 0, 0, Img.width, Img.height, 0, 0, canvas.width, canvas.height);
// $("body").append(canvas);
callback(canvas.toDataURL());
};
try{
Img.src = window.URL.createObjectURL(file);
}catch(err){
try{
Img.src = window.webkitURL.createObjectURL(file);
}catch(err){
alert(err.message);
}
}
}
$(".js-uploader").on("click", function () {
var $clickObj = $(this);
var $fileInput = $("");
$fileInput.on("change",function () {
$clickObj.text("正在上传...");
ImageFileResize($fileInput[0].files[0], 800, 800, function (dataUrl) {
$.ajax({
type: "POST",
url: "createMobileUrl("Upload")?>",
data: {imgDatUrl:dataUrl},
success : function (ret) {
$clickObj.prev().remove();
$clickObj.before(" ");
$clickObj.next().val(ret.path);
$clickObj.text("重新上传");
},
dataType : "json"
});
});
});
$fileInput.click();
});
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/85682.html
摘要:开启验证上传一张新图片,使用手安卓版本访问已支持域名的图片,如果请求带了,检查返回图片格式是否为如果旧的图片未按预期返回,返回了或原图可能是结点缓存,正常天后过期回源则会返回图片。 对于图片较多的网站,本文结合具体案例给出了如何基于CDN的sharpP自适应图片无痛接入方案,据统计效果可在原图基础上节省60%-75%的流量。作者:陈忱 出处:腾云阁文章 目前移动端运营素材大部分依赖图...
摘要:具体的环境我也不太了解,但是经过实际多台安卓机型的测试,我采取的方案可以基本确保在安卓机中微信浏览器的成功上传。 摘自个人博客:走啊走的记录,欢迎点击查看,效果更佳! 微信浏览器上传图片bug的原因 微信在新版本中采用的是自己的X5内核浏览器,而在较老的版本中还有可能是安卓的原生浏览器。具体的环境我也不太了解,但是经过实际多台安卓机型的测试,我采取的方案可以基本确保在安卓机中微信浏览器...
阅读 2230·2021-09-22 15:25
阅读 3617·2019-08-30 12:48
阅读 2204·2019-08-30 11:25
阅读 2337·2019-08-30 11:05
阅读 725·2019-08-29 17:28
阅读 3284·2019-08-26 12:16
阅读 2608·2019-08-26 11:31
阅读 1700·2019-08-23 17:08
极致性价比!云服务器续费无忧!
Tesla A100/A800、Tesla V100S等多种GPU云主机特惠2折起,不限台数,续费同价。
NVIDIA RTX 40系,高性价比推理显卡,满足AI应用场景需要。
乌兰察布+上海青浦,满足东推西训AI场景需要