Javascript 调整图像大小并在上载时保留原始图像

我正在使用，我想知道如何在上传时将图像调整为特定宽度，将其放入特定目录，同时保留原始图像

以下是我目前掌握的情况：

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

---

非常感谢您的帮助。

您可以使用来实现调整大小

---

如果你用谷歌搜索的话，这里有几个参考资料。这是。

为什么不在服务器上调整它的大小side@TanvirChowdhury如何在服务器端实现所需的功能？取决于您的服务器端脚本语言。@TanvirChowdhury PHP。您现在基本上在使用演示程序吗？您的文件正在上载到

PHP/files

？