Problem resizing images client side with the Basic plugin

[Ludovico Mattiuzzo]

I can't make the image resize client side working with JQuery File Upload...

The file is correctly saved on the server, but the plugin does not do any File size check, Extension check, nor do resize the image prior to uploading.

What am I doing wrong?

I added those script on my page:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

<script src="js/vendor/jquery.ui.widget.js"></script>

<script src="js/jquery.iframe-transport.js"></script>

<script src="js/jquery.fileupload.js"></script>

<script src="http://blueimp.github.com/JavaScript-Load-Image/load-image.min.js"></script>

<script src="http://blueimp.github.com/JavaScript-Canvas-to-Blob/canvas-to-blob.min.js"></script>

<script src="js/jquery.fileupload-fp.js"></script>

And this is the code that I'm using to bind Jquery file upload plugin:

<script>

    $(function () {

        $('#fileupload').fileupload({

            maxNumberOfFiles: 1,

            replaceFileInput: false,

            dataType: 'json',

            url: '<%= ResolveUrl("AjaxFileHandler.ashx") %>',

            done: function (e, data) {              

            },            

    process: [

        {

            action: 'load',

            fileTypes: /^image\/(gif|jpeg|png)$/,

            maxFileSize: 20000 // 20MB

        },

        {

            action: 'resize',

            maxWidth: 1920,

            maxHeight: 1200,

            minWidth: 800,

            minHeight: 600

        },

        {

            action: 'save'

        }

    ]

        });

    });

</script>

[Ludovico Mattiuzzo]

Solved.. I think the problem is with the maxFileSize parameter, if the file is bigger than that no processing will occur

[Tony Wisestub]

Hi, Thank you for sharing the solution. I had the same issue and your solution has helped me. Thanks again!

Неділя, 4 листопада 2012 р. 04:14:45 UTC-8 користувач Ludovico Mattiuzzo написав: