沙世明
2023-03-22 08e1a4d4459f6ed4049cb715a2d7086cc14ff182
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<apex:component controller="BatchFileUploadController"> 
    <apex:attribute name="parentId" description="The ID of the record uploaded documents will be attached to." type="String" required="true"/>
    
    <link rel="stylesheet" type="text/css" href="{!$Resource.FileUploadCSS}"/>
    <!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"/> -->
    <script type="text/javascript" src="{!$Resource.FileUploadJS}"/>
    <apex:includeScript value="{! URLFOR($Resource.AWSService, 'AWSService.js') }" />
    <apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
    
    <script type="text/javascript">
        var staticResource = JSON.parse('{!staticResource}');
        var newUrl = '{!newUrl}';
        var parentId = '{!parentId}';
        // console.log('newUrl = ' + JSON.stringify(newUrl));
        // console.log('staticResource = ' + JSON.stringify(staticResource));
        // var parentId = '{!parentId}'; //Will be used by FileUploadJS.js but must be declared here. Static resources don't support dynamic values.
        // var files = [];
        // let Base64 = [];
        // window.onload = function(){
        //     let xw_File  = document.getElementById("filesInput");
        //     xw_File.addEventListener('change', ()=> {
        //         xw_show(xw_File.files)
        //         return;
        //     })
 
        //     upload = function (){
        //         for(let i = 0, len = xw_File.files.length; i < len; i++){
        //             files[i].file = Base64[i];
        //         }
        //         console.log('files = ' + JSON.stringify(files));
                
                // AWSService.post(newUrl, JSON.stringify(files), function(result){
                //     console.log('result = ' + JSON.stringify(result));
                // }, staticResource.token);
        //     }
            
        //     function xw_show(xw_filedata){
        //         files = [];
        //         for( var i = 0 ; i < xw_filedata.length ; i++ ){
        //             var imgReaderl = new FileReader();
        //             var fileObject = {};
        //             imgReaderl.readAsDataURL(xw_filedata[i]);
        //             imgReaderl.onload = function(evt) {
        //                 //fileObject.file = evt.target.result;
        //                 console.log(typeof evt.target.result);
        //                 Base64.push(evt.target.result);
        //             }
        //             fileObject.file = '';
        //             fileObject.fileName = xw_File.files[i].name;
        //             fileObject.size = xw_File.files[i].size;
        //             files.push(fileObject);
        //         }
        //         console.log('files = ' + JSON.stringify(files));
        //     }
        // }
    </script>
    
    <div class="uploadBox">
        <table cellpadding="0" cellspacing="0" class="uploadTable">
            <tr>
                <td><input type="file" multiple="true" id="filesInput" name="file" /></td>
                <td class="buttonTD">
                    <input id="uploadButton" type="button" title="Upload" class="btn" value="Upload "/>
                    <!-- <input id="clear" type="button" title="Clear" class="btn" value=" Clear "/> -->
                </td>
            </tr>
        </table>
    </div>
</apex:component>