jquery支持自定义的文件上传插件

使用方法

$(function () {
        var formhelper = $('.ctrl-demo').formhelper();

        var fileDemo1 = formhelper.addFilePicker({
          canRemove: true,
          canModify: false,
          showFileSize: true,
          fileInput: {
            name: 'fileDemo1[]',
            accept: [],
            multiple: false,
          },
          onChange: function () {
            var total = formhelper.getFilePickerInfo();
            var totalText = ['Total', 'count: ' + total.count, 'size: ' + total.sizeHum];
            var selfText = ['Demo1', 'count: ' + fileDemo1.getCount(), 'size: ' + fileDemo1.getSize(true)];

            $('.ctrl-filepicker-total').text(totalText.join(' | '));
            $('.ctrl-filepicker-demo1').text(selfText.join(' | '));
          },
        });

        var fileDemo2 = formhelper.addFilePicker({
          canRemove: false,
          canModify: true,
          showFileSize: false,
          canDragDrop: true,
          fileInput: {
            name: 'fileDemo2[]',
            accept: ['image/*', '.pdf', '.doc', '.docx', '.xml', 'application/msword'],
            multiple: true,
          },
          onChange: function () {
            var total = formhelper.getFilePickerInfo();
            var totalText = ['Total', 'count: ' + total.count, 'size: ' + total.sizeHum];
            var selfText = ['Demo2', 'count: ' + fileDemo2.getCount(), 'size: ' + fileDemo2.getSize(true)];

            $('.ctrl-filepicker-total').text(totalText.join(' | '));
            $('.ctrl-filepicker-demo2').text(selfText.join(' | '));
          },
        });

        // add static file
        fileDemo1.addFileBox({
          inputs: [
            {name: 'hideValue', value: 'demo'}
          ],
          files: [
            {
              name: 'Gunter.png',
              size: 11179,
              link: 'Gunter.png',
            },
            {
              name: 'Orgalorg.png',
              size: 356745,
              link: '',
            },
          ],
        });
});