Javascript Jquery，调整图像的数据大小

我有一个调整图像大小的脚本

因此，对于begin，我有一个图像：

height=600px

和

width=500px

在我使用脚本并将此图像的大小调整为后，例如：

height=300px

和

width=250px

我使用：

$('#image').css("width", varvar);
$('#image').css("height", varvarvar);

---

但是如果我用firebug查看我的图像，数据总是原始大小（600和500），我如何用jquery调整我的图像的数据大小（src）？

正如在评论中彻底提到的，用客户端脚本无法更改图像的原始大小（如数据量）。问题在于，映像托管在服务器端，任何javascript操作都严格保留在客户端。如果您想要提交某种类型的数据更改，则需要服务器端脚本，例如PHP（尽管还有许多其他替代方案…）

---

基本上，这个想法是客户端向服务器发送一个图像处理请求，然后服务器运行某种脚本来更改原始图像数据并替换服务器上的原始文件。在页面刷新时，图像会发生更改。

当您使用.css时，您正在更改图像的样式属性。如果要更改其宽度和高度属性，必须这样做：

var img = document.getElementById('image'), height = 25, width = 50;
    img.width = width;
    img.height = height;

然后，当您检查元素时，您将看到其宽度和高度属性发生更改。

---

但这只是在浏览器上。它不会永久改变其宽度和高度。但是，您可以将其转换为Base64并发送到服务器。但你必须使用HTML5画布。如果需要，我可以向您展示如何进行编辑。

如果您希望编辑源图像并将其保存在服务器上，则需要使用PHP而不是Jquery。Jquery只在客户端工作。我需要用javascript调整图像数据的大小，因为在这之后，我有一个只选择图像一部分的模块（jcrop），然后你必须先用PHP将图像保存到服务器上。然后在JCROP中加载新创建的图像。或者，如果您不懂php，还有其他语言。。。如果（php！=the_internet）{ClapYourHands（）；}clapclap，您可以使用画布调整图像客户端的大小，就像这里解释的那样：使用ajax是否可以调用php脚本，使用php调整图像大小，返回新的图像base64，并将新图像放入我的src属性中？我不想要一个refresh@ClémentAndraud-如果你在服务器上有图像，为什么不在使用它之前重新缩放它呢？我不这么认为，nailthumb实际上允许你将图像调整到任何大小，而不会丢失像素。我的服务器上没有该映像。我通过上传表单得到这张图片，在保存之前，我需要调整大小并做一些事情浏览器无法访问您计算机上的文件。你必须上传它并在服务器端操作它。