调整图像大小并保持原始上传

时间:2014-03-15 01:35:14

标签: javascript jquery file-upload resize blueimp

我正在使用blueimp's jQuery file uploader,我想知道如何在上传时将图片大小调整为特定宽度,将其放入特定目录,同时保留原始图像。

这是我到目前为止所拥有的:

$('#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 + '%');
    }
});

感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

您可以使用PHP-GD调整大小。

如果你谷歌它有几个参考。这是one