app/Resources/static-src/common/es-webuploader.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

import WebUploader from './fex-webuploader/webuploader.js';
import SWF_PATH from './fex-webuploader/Uploader.swf';

class EsWebUploader {
  constructor(option) {
    let self = this;
    let config = Object.assign({}, {
      fileSizeLimit: 2 * 1024 * 1024,
      type: '',
      fileInput: '',
      title: Translator.trans('uploader.title'),
      formData: {},
      accept: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,png,ico',
        mimeTypes: 'image/png,image/jpg,image/jpeg,imge/bmp,image/gif'
      },
      uploader: null,
      fileVal: 'file',
      element: $(option.element)
    }, option);

    this.onFileQueued = config.onFileQueued || this.onFileQueued;
    this.onUploadSuccess = config.onUploadSuccess || this.onUploadSuccess;

    let ele = $(config.element);
    let uploader = WebUploader.create({
      swf: SWF_PATH,
      server: app.uploadUrl, // 配置参见script_boot.html.twig
      pick: {
        id: '#' + ele.attr('id'),
        multiple: false
      },
      formData: $.extend(config.formData, {
        token: ele.data('uploadToken'),
        _csrf_token: $('meta[name=csrf-token]').attr('content')
      }),
      accept: config.accept,
      auto: true,
      fileNumLimit: 1,
      fileSizeLimit: config.fileSizeLimit,
      resize: false,
      compress: false
    });

    uploader.on('fileQueued', function(file) {
      console.log('fileQueued :', file);
      self.onFileQueued(file);
    });

    uploader.on('uploadSuccess', function(file, response) {
      console.log('uploadSuccess: ', file, response);
      self.onUploadSuccess(file, response);
      uploader.removeFile(file, true);
    });
    uploader.on('uploadError', function(file, response) {
      console.log('uploadError : ', file, response);
      cd.message({type: 'danger', message: Translator.trans('uploader.error_hint')});
    });