提交 0384afb4 编写于 作者: chendeli's avatar chendeli

店铺logo上传去掉裁剪

上级 a8eacd7a
...@@ -987,7 +987,7 @@ ...@@ -987,7 +987,7 @@
} }
if (!isLt200k) { if (!isLt200k) {
return vm.$message.error("图片大小不符合规范,请根据规范上传图片"); return vm.$message.error("图片大小请控制在200kb以内");
} }
let _img = new FileReader(); let _img = new FileReader();
_img.readAsDataURL(file); _img.readAsDataURL(file);
......
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
</div> </div>
<div class="limit-text"> <div class="limit-text">
<p>限制大小: 200kb</p> <p>限制大小: 200kb</p>
<p>最小尺寸:128*128</p> <p>建议尺寸:128*128</p>
<p>支持jpeg, png格式</p> <p>支持jpeg, png格式</p>
</div> </div>
</el-upload> </el-upload>
...@@ -874,7 +874,54 @@ ...@@ -874,7 +874,54 @@
more: "imgUrl1More", more: "imgUrl1More",
show: "uploadImgMessage1" show: "uploadImgMessage1"
}; };
this.beforeUpload1(file, fileLimit); this.beforeUploadLogo(file,fileLimit)
//this.beforeUpload1(file, fileLimit);
},
//上传logo add
beforeUploadLogo(file, fileLimit) {
let vm = this;
const isJPG = file.type === "image/jpeg";
const isPNG = file.type === "image/png";
const isLt2M = file.size / 1024 < 200;
if (!isJPG && !isPNG) {
vm.$message.error("仅支持jpegpng格式");
// return;
}
if (!isLt2M) {
vm.$message.error("图片大小请控制在200kb以内");
return;
}
let _img = new FileReader();
_img.readAsDataURL(file);
_img.onload = function (theFile) {
let image = new Image()
image.src = theFile.target.result
//vm.slide2.oriUrl = theFile.target.result;
image.onload = function () {
let _this = this;
// if (_this.width != fileLimit.width || _this.height != fileLimit.height) {
let l = _this.width/_this.height
if (l != 1) {
vm.$message.error("图片宽高比例请控制在1:1");
return;
} else {
openLoading(vm);
doUpload(vm, file, getFilePath(file, null), "preview4", "progress1", 1).then(function (path) {
closeLoading(vm);
vm.formData[fileLimit.key] = path.fullPath;
vm.formData[fileLimit.more] = {
attachmentName: path.storeName,
attachmentExt: path.ext,
attachmentSize: path.size
};
vm.$message.success("上传成功");
});
}
};
};
}, },
setOption(type) { setOption(type) {
// this.currentOption.aspectRatio = 1/1; // this.currentOption.aspectRatio = 1/1;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册