如何使用jQuery文件上传插件显示预览,限制图像类型和调整大小?

时间:2018-01-31 07:08:05

标签: javascript jquery

我正在使用以下jQuery文件上传插件上传图片。

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

这是我的代码:

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

问题:

  1. 如何限制图像类型?就像我只想上传jpg,png和gif图片一样。

  2. 上传后如何显示预览?

  3. 如何在客户端或服务器端裁剪图像?

0 个答案:

没有答案