在ui5中上传图片时获取图片的高度和宽度

2020-09-15 15:59发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

我正在使用uploadcollection ui5控件上传图像。 因此,我需要在前端验证图像尺寸。

那么如何获取图像尺寸(高度和宽度)?

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

我正在使用uploadcollection ui5控件上传图像。 因此,我需要在前端验证图像尺寸。

那么如何获取图像尺寸(高度和宽度)?

付费偷看设置
发送
1条回答
haha101010
1楼-- · 2020-09-15 16:38

你好

您需要使用javascript FileReader()和Image()来获取此信息。

基本上,您获取文件信息,使用FileReader读取文件信息,使用Image获取其信息并将其从列表中删除:

 _verifyImages:函数(文件){
 var file = files [0];//我只针对一个元素(对它进行Iterato并针对许多元素做)
 var obj = this;//获得对其他函数内部方法的访问
 var reader = new FileReader();
 reader.onload =函数(e){
 var img = new Image();
 img.onload = function(){
 var info = {
 图片:这个,
 高度:this.height,
 宽度:this.width
 };
 console.log(" Imagem",info);//仅查看图像信息
 obj._removeImageOrNot(info);//在这里您将验证是否
 };
 img.src= e.target.result;
 };
 reader.readAsDataURL(file);//如果需要,请在此处迭代
 },
 _removeImageOrNot:函数(imgInfo){
//获取UploadColection文件,并在需要时删除
 },
 

在UploadCollection发生更改时,请执行以下操作:

 onChange:函数(oEvent){
 var files = oEvent.getParameters(" files")。files;
 this._verifyImages(files);
 },
 

通过一些自定义,希望对您有所帮助:)

一周热门 更多>