如何使用HTML5和javascript从exif中提取thumbail
我正在尝试使用html5实现拖放。所以,在上传到服务器之前,我想显示删除图像的缩略图。应该采用什么方法来实现这一点?对于EXIF的缩略图,我认为这是不可能的,除非您已经用JavaScript编写了一个EXIF库,以便在浏览器上运行。但是,如果您只需要缩略图,则更容易:如何使用HTML5和javascript从exif中提取thumbail,javascript,jquery,html,exif,Javascript,Jquery,Html,Exif,我正在尝试使用html5实现拖放。所以,在上传到服务器之前,我想显示删除图像的缩略图。应该采用什么方法来实现这一点?对于EXIF的缩略图,我认为这是不可能的,除非您已经用JavaScript编写了一个EXIF库,以便在浏览器上运行。但是,如果您只需要缩略图,则更容易: document.querySelector('#fileInputForImage').addEventListener('change', function() { if (this.files &&
document.querySelector('#fileInputForImage').addEventListener('change', function() {
if (this.files && this.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
document.querySelector('#previewImage').src = e.target.result;
};
reader.readAsDataURL(this.files[0]);
}
}, false);
请注意,现在对浏览器的支持不是很好:我现在就是这样做的。i、 加载然后调整大小,但对于大图像,我需要等待整个图像加载。这就是我试图从exif获取缩略图的原因。在其中一个博客上,我读到我们甚至可以在图像加载之前显示被删除图像的缩略图!!