a-upload 上传图片获取图片分辨率
时间: 2023-07-28 10:23:19 浏览: 172
a-upload 是一个 jQuery 插件,用于实现文件上传功能。如果要获取上传的图片分辨率,可以在上传成功后使用 JavaScript 读取图片信息。
具体实现步骤如下:
1. 在 a-upload 的上传成功回调函数中,获取上传的文件对象。
2. 使用 FileReader 对象读取图片文件,得到图片的二进制数据。
3. 将二进制数据转换成 Blob 对象,并使用 URL.createObjectURL() 方法生成图片的 URL。
4. 创建一个 Image 对象,将图片 URL 赋值给 Image 对象的 src 属性。
5. 在 Image 对象加载完成后,获取图片的宽度和高度,即为图片的分辨率。
示例代码如下:
```javascript
$('#file').aUpload({
url: 'upload.php',
onSuccess: function (file, response) {
// 读取图片信息
var reader = new FileReader();
reader.onload = function (e) {
// 将二进制数据转换成 Blob 对象
var blob = new Blob([e.target.result]);
// 生成图片 URL
var url = URL.createObjectURL(blob);
// 创建 Image 对象
var img = new Image();
img.onload = function () {
// 获取图片宽度和高度
var width = img.width;
var height = img.height;
console.log('图片分辨率为:' + width + 'x' + height);
};
img.src = url;
};
reader.readAsArrayBuffer(file);
}
});
```
需要注意的是,由于读取图片信息是异步操作,因此需要在回调函数中处理获取到的图片分辨率。
阅读全文