调整图像大小并保持原始上传
Resize image and keep original on upload
我正在使用blueimp的jQuery文件上传器,我想知道如何在上传时将图像调整为特定宽度,将其放入特定目录,同时保持原始图像。
到目前为止我写的是:
$('#fileupload').fileupload({
dataType: 'json',
add: function(e, data) {
var uploadErrors = [];
var acceptFileTypes = /^image'/(gif|jpe?g|png)$/i;
if (data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
uploadErrors.push('Invalid file type.');
} else if (data.originalFiles[0]['size'] > 1000000) {
uploadErrors.push('Image over size.');
}
if (uploadErrors.length > 0) {
$('.errors').html(uploadErrors);
} else {
data.submit();
}
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('.progress .bar').css('width', progress + '%');
}
});
您可以使用PHP-GD实现大小调整。
如果你谷歌一下,有几个参考文献。
相关文章:
- 查找仅适用于原始图像的图像放大算法的名称
- 如何从缩放的图像裁剪并保持原始图像的纵横比
- 如何在文件打开和调用图像区域选择时获取原始图像大小
- 原始图像数据显示
- 在将图像作为原始图像二进制数据(png或jpeg)上传到服务器之前,裁剪或调整图像大小
- jquery悬停后恢复到原始图像是更好的方式
- Javascript - 将原始图像放入另一个容器后保留原始图像
- 如何从 Javascript 中的轨道加载的图像中获取原始图像尺寸
- HTML/CSS:来自原始图像数据的背景图像,而不是网址
- jQuery 在缓存中预加载图像并在其他函数继续之前获取原始图像大小
- 拖动原始图像时打印图像的副本
- 单击将 img 更改为新的 img 并返回原始图像
- 根据原始图像高度使用 Photoshop 和 JavaScript 调整条件图像大小
- 在 JavaScript 中将原始图像的十六进制字符串转换为位图图像
- 将调整大小的图像坐标映射回原始图像坐标
- 您可以在不使用javascript绘制到画布的情况下获取原始图像数据吗
- 使用readAsDataURL检索原始图像时的图像方向
- 是否可以将图像src=“"在加载原始图像之前
- nodejs将原始图像数据写入jpeg文件
- 根据原始图像输出百分比调整预览图像的大小