easyUploader 上传组件设置

1.引入 js 和 css

1. 
   
2. <link rel="stylesheet" href="css/main.css">
   
3. <script src="/js/easyUploader.js"></script>

复制代码

2.div

1. <div id="uploader"></div>

复制代码

3.js

1. <script>
   
2.     var uploader = easyUploader({
   
3.         id: "uploader",
   
4.         name: 'download',/* input文件名称名称 */
   
5.         autoUpload: true, /* 是否开启自动上传 */
   
6.         accept: '.jpg,.png',
   
7.         action: FILEURL,
   
8.         dataFormat: 'formData',
   
9.         maxCount: 10,
   
10.         maxSize: 3,
    
11.         multiple: true,
    
12.         data: null,
    
13.         beforeUpload: function(file, data, args) {
    
14.             /* dataFormat为formData时配置发送数据的方式 */
    
15.             //data.append('token', '387126b0-7b3e-4a2a-86ad-ae5c5edd0ae6TT');
    
16.            // data.append('otherKey', 'otherValue');
    
17. 
    
18.             /* dataFormat为base64时配置发送数据的方式 */
    
19.             // data.base = file.base;
    
20.             // data.token = '387126b0-7b3e-4a2a-86ad-ae5c5edd0ae6TT';
    
21.             // data.otherKey = 'otherValue';
    
22.         },
    
23.         onChange: function(fileList) {
    
24.             /* input选中时触发 */
    
25.         },
    
26.         onRemove: function(removedFiles, files) {
    
27.             console.log('onRemove', removedFiles);
    
28.         },
    
29.         onSuccess: function(res,previewId) {
    
30.             console.log('onSuccess', res);
    
31.             var val = res.data;
    
32.             $("<input type='hidden' name='atts[]' value='" + val + "' />").appendTo('#' + previewId);
    
33.         },
    
34.         onError: function(err) {
    
35.             console.log('onError', err);
    
36.         },
    
37.     });
    
38. </script>

复制代码