我需要为用户提供一种以 jpeg 格式将照片上传到他们网站的方法。但是，这些照片的原始尺寸非常大，我想让用户轻松地在上传选项之前调整大小。似乎我唯一的选择是客户端应用程序在通过 Web 服务上传照片之前调整照片大小，或者在上传操作上调整图像大小的客户端 JavaScript 钩子。第二个选项是非常暂定的，因为我没有 JavaScript 图像大小调整库，而且很难让 JavaScript 运行我当前的调整大小工具 ImageMagick。
我相信这种情况并不少见，我们将不胜感激提供一些建议或指向执行此操作的站点的指示。
在 2011 年，我们可以知道使用 File API 和 canvas 来实现。这目前仅适用于 Firefox 和 chrome。这是一个例子：
var file = YOUR_FILE,
fileType = file.type,
reader = new FileReader();
reader.onloadend = function() {
var image = new Image();
image.src = reader.result;
image.onload = function() {
var maxWidth = 960,
maxHeight = 960,
imageWidth = image.width,
imageHeight = image.height;
if (imageWidth > imageHeight) {
if (imageWidth > maxWidth) {
imageHeight *= maxWidth / imageWidth;
imageWidth = maxWidth;
}
}
else {
if (imageHeight > maxHeight) {
imageWidth *= maxHeight / imageHeight;
imageHeight = maxHeight;
}
}
var canvas = document.createElement('canvas');
canvas.width = imageWidth;
canvas.height = imageHeight;
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0, imageWidth, imageHeight);
// The resized file ready for upload
var finalFile = canvas.toDataURL(fileType);
}
}
reader.readAsDataURL(file);
有多种技术能力的Plupload工具，它声明它可以在上传前调整大小，但我还没有尝试过。我还在关于二进制图像处理 javascript libs 的问题中找到了合适的答案。
您有多种选择：
我进行了大量研究，以寻找与您所描述的类似的解决方案，并且有很多解决方案在质量和灵活性上差异很大。
我的建议是找到一个解决方案，它可以满足您 80% 的需求，并对其进行定制以满足您的需求。
我认为你需要 Java 或 ActiveX。例如薄图像上传
jao 和 russau 说的是真的。原因是出于安全原因，JavaScript 无法访问本地文件系统。如果 JavaScript 可以“看到”您的图像文件，那么它就可以看到任何文件，这很危险。
您需要一个应用程序级控件才能做到这一点，这意味着 Flash、Java 或 Active-X。