我使用以下jQuery文件上传插件上传图像 .

插件网址：http://blueimp.github.io/jQuery-File-Upload/

Here is my code:

$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        add: function (e, data) {
            data.context = $('<button/>').text('Upload')
                .appendTo(document.body)
                .click(function () {
                    data.context = $('<p/>').text('Uploading...').replaceAll($(this));
                    data.submit();
                });
        },
        done: function (e, data) {
            data.context.text('Upload finished.');
            // $('#fileupload').fileupload('disable');
        }
    });
});

Questions:

  • 如何限制图像类型？就像我只想上传jpg，png和gif图片一样 .

  • 上传后如何显示预览？

  • 如何在客户端或服务器端裁剪图像？

javascript jquery