当我在编辑器中上传图片时,我能够找到它的大小。但我希望它的高度和宽度限制在高于特定限制的高度和宽度。下面是我上传图片时得到的结果。
See image to image upload result
对于大小限制,它的工作原理如下-
onImageUpload(images, insertImage) {
if (images[0].size <= 100000) {
for (let i = 0; i < images.length; i++) {
const reader = new FileReader();
reader.onloadend = () => {
insertImage(reader.result);
};
reader.readAsDataURL(images[i]);
}
} else {
alert('Image not saved, max allowed image size is 100kb');
}};
发布于 2021-10-09 08:46:11
你用的是什么编辑器?UEditor是一个非常好的富文本编辑器。
发布于 2021-10-09 09:12:51
onImageUpload(images, insertImage) {
console.log('onImageUpload', images);
if (images[0].size <= 100000) {
for (let i = 0; i < images.length; i++) {
const reader = new FileReader();
reader.onloadend = () => {
var i = new Image();
i.src = reader.result;
i.onload = function () {
if (i.width <= 200 && i.height <= 200) {
insertImage(reader.result);
} else {
cogoToast.warn('Image not saved, image width and height should be less than 200*200');
}
};
};
reader.readAsDataURL(images[i]);
}
} else {
cogoToast.warn('Image not saved, max allowed image size is 100kb');
}
};它将在这个way.Thanks中工作!
https://stackoverflow.com/questions/69505082
复制相似问题