el-upload上传图片怎么获取图片宽高
时间: 2023-11-06 14:56:35 浏览: 249
在el-upload上传图片后,可以通过以下步骤获取图片的宽高:
1. 在html部分,使用el-upload组件,并设置相应的属性和事件。
2. 在script部分,定义一个uploadFile函数来处理上传文件的操作。
3. 在uploadFile函数中,创建一个FileReader对象,通过readAsDataURL方法将文件转换成Base64格式。
4. 当读取完成后,通过创建一个Image对象,并将Base64数据赋值给image.src属性。
5. 在Image对象加载完成后,可以获取到图片的宽度和高度,可以根据需求进行相应的判断和操作。
相关问题
el-upload 上传图片
el-upload是一个基于Element UI的上传组件,可以用于上传文件或图片。它提供了七牛、阿里云、腾讯云等多种云存储方式,也可以自定义上传方式。在使用el-upload上传图片时,可以通过获取七牛token,将图片上传到七牛云存储,并将返回的图片路径放入el-upload中。具体的实现思路和代码可以参考提供的引用内容。
el-upload获取图片展示
el-upload是一个用于上传文件的组件,可以展示已上传的图片。可以通过以下方式获取图片展示:
1. 在uploadImage方法中,将上传成功的图片路径添加到fileList数组中。这样el-upload组件会自动展示fileList中的图片。
2. 在handleUploadPatternListSuccess方法中,将返回的图片路径赋值给infoForm.effect。这样el-upload组件会展示infoForm.effect中的图片。
注意:确保fileList或infoForm.effect中的数据格式符合el-upload的要求。
阅读全文