使用javascript在客户端计算机上动态创建缩略图

Question

我正在写照片库。使用php读取文件并将其推送到客户端机器上的jquery以构建图库。 （效果很好）

我想使用php exif函数获取图像缩略图以预览照片

我无法使用php功能，因为我的托管已禁用exif模块。

我找到了很棒的图书馆php library，但我无法按照我的意愿开始使用它。我只是找不到好的手册。 （生病继续在此工作，因为这项工作在测试图像上）

我不会为此使用裁剪功能（jquery或html），因为我不想从一开始就下载所有图像。我只想加载缩略图，点击它会加载图像本身。

任何人都可以帮我这个吗？ 非常感谢!!!!

克塞 alexela.biz

Answer 1

您的主机是否已停用GD and image个功能？

尝试此块：http://davidwalsh.name/create-image-thumbnail-php

Answer 2

如果要将图像转换为浏览器，则必须将图像下载到浏览器中。因此，只需设置图像的样式，以便浏览器将其显示为拇指。

例如，如果您的图像是460 x 460px，那么您可以通过将以下样式添加到img标记来创建100x100像素拇指。

<img id="my_thumb" src="my/image/source460x460.jpg" style="height: 100px, width: 100px">

我猜你的javascript看起来像 -

var imageElement = document.getElementById('my_thumb');

基于标准的浏览器

imageElement.setAttribute('style', "height: 100px, width: 100px");

狡猾的IE浏览器

imageElement.style.setAttribute('cssText', "height: 100px, width: 100px");

和jquery

$('#my_thumb').attr('style') = "height: 100px, width: 100px";