设计说明

文件上传通过缩略图展示已上传文件，其中图片类生成对应图片缩略图（base64），其他类别，本框架提供了默认图片。

另外还补充了删除上传附件功能的方法destroy()方法，使用场景主要是动态生成附件上传按钮，删除按钮时，需调用删除上传附件功能的方法，以免动态生成内容过多，浪费内存。

开发规范

Dom结构：

Dom参数说明：

1. （#fileId）隐藏input用来存放上传后，后台回传的文件信息。多文件通过字符串拼接，逗号分隔。回显时，需要拆分处理。value值示例：http://172.17.60.214\upload\goods\20180822\153491952686073124.jpg,http://172.17.60.214/upload/goods/20180920/1537428792410824716.png

2. （#uploadBtn）添加按钮，用于触发文件上传事件。

3. （#theList）文件上传后缩略图及文件信息的显示区，其中.item的自定义属性data-option中，会存放文件的相关信息，包括id，name，size，ext和type。生成Dom示例如下：

JS及对应参数说明：

        var uploaderOption = {

            // 选完文件后，是否自动上传
            auto: true,

            // swf文件路径
            swf: '../../res/js/webuploader/Uploader.swf',

            // 文件接收服务端（后台提供的接口）
            server: '/api/1.0/upload',

            // 选择文件的按钮，单文件上传禁止多选操作
            pick: {id: '#uploadBtn', multiple: false},

            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
            resize: false,

            threads: 1,

            // 文件大小限制
            fileSingleSizeLimit: 1024 * 1024 * 100,

            // 文件类型限制
            accept: {
                title: 'file',
                extensions: 'pdf,jpg,png'
            },
            duplicate: true,

            //自定义参数：默认单文件上传
            monofile:true
        };
        var domParams = {
            uploadBtnId: 'uploadBtn',   //上传文件按钮id
            listId: 'theList',          //显示的已上传文件列表id
            fileId: 'fileId',           //隐藏的input id
            fileSize: '选择的文件不能超过100M',             //文件大小限制的提示文本
            fileType: '只支持PDF、PNG、JPG格式'            //允许文件格式的提示文本
        };

         var uploader = unitUploader(uploaderOption, domParams);