• Consumer-Key : คือรหัสที่ได้รับจากระบบเมื่อลงทะเบียน
• FileInfo : คือข้อมูลของไฟล์ที่จะขออัพโหลด มีรูปแบบดังนี้ { Name: <filename>, ContentType: <file contenttype>, Size: <filesize(byte)>, Consumers: [<ConsumerKey1>, <ConsumerKey2>, ...], IsPublic: <true/false>] }
• SignedFileInfo : คือข้อมูลของ FileInfo ที่ถูกเข้ารหัสด้วย ConsumerSecret (ConsumerSecret คือรหัสที่ได้รับพร้อมกันกับ Consumer-Key เมื่อได้รับการลงทะเบียนจากระบบ) โดยจะต้องเข้ารหัสผ่าน method Signer.SignedFileInfo(..) จาก library DGA.FileService.Util

• Consumer-Key : คือรหัสที่ได้รับจากระบบเมื่อลงทะเบียน
• FileInfo : คือข้อมูลของไฟล์ที่จะขออัพโหลด โดยข้อมูลจะต้องตรงกันกับข้อมูลจาก AccessToken
• AccessToken : คือบัตรผ่านชั่วคราวสำหรับการอัพโหลดไฟล์
• SignedFileInfo : คือข้อมูลของ FileInfo ที่ถูกเข้ารหัสด้วย ConsumerSecret ซึ่งตัวข้อมูลจะต้องตรงกันกับข้อมูลจาก AccessToken
• file : คือตัวไฟล์ที่จะใช้ในการอัพโหลด

                        
    <span id="progress" class="text-info"></span>
    <input name="fileTest" type="file" id="fuTest" />
    <button id="invokeUpload">Upload</button>
    <script>
         $.extend({
            getConsumerKey: async function () {
                let result = null;
                await $.ajax({
                    type: 'POST',
                    url: '/signer/GetConsumerKey/', //your custom service to get your ConsumerKey.
                    success: function (data) {
                        result = data;
                    }, error: function (jqXHR, textStatus, errorThrown) {
                        let msg = jqXHR.status + ' ' + jqXHR.statusText + '.' + jqXHR.responseText;
                        // show error
                    }, fail: function () { alert('fail:') }
                });
                return result;
            },
            signFileInfo: async function (fileInfo) {
                let result = null;
                await $.ajax({
                    type: 'POST',
                    url: '/signer/SignFileInfo/', //your custom service to sign fileinfo.
                    data: { FileInfo: fileInfo },                    
                    success: function (data) {
                        result = data;
                    }, error: function (jqXHR, textStatus, errorThrown) {
                        let msg = jqXHR.status + ' ' + jqXHR.statusText + '.' + jqXHR.responseText;
                        // show error
                    }, fail: function () { alert('fail:') }
                });
                return result;
            },
            requestAccessToken: async function (consumerKey, fileInfo, signedFileInfo) {
                 var result = null;
                 await $.ajax({
                     type: "POST",
                     url: "https://file.dga.or.th/api/requesttoken/upload",
                     dataType: 'JSON',
                     data: { 'Consumer-Key': consumerKey, FileInfo: fileInfo, SignedFileInfo: signedFileInfo, Core: true },
                     success: function (data) {
                        result = data.accessToken;
                     }, error: function (jqXHR, textStatus, errorThrown) {
                        let msg = jqXHR.status + ' ' + jqXHR.statusText + '.' + jqXHR.responseText;
                        // show error
                     }, fail: function () { alert('fail:') }
                 });
                 return result;
            }, 
            uploadFile: async function (accessToken, file, fileInfo, signedFileInfo, chunk, chunks) {
                var result = null;
                var formdata = new FormData(); 
                formdata.append('AccessToken', accessToken);
                formdata.append('Consumer-Key', consumerKey);
                formdata.append('FileInfo', fileInfo);
                formdata.append('SignedFileInfo', signedFileInfo);
                formdata.append('Core', true);
                formdata.append('chunk', chunk);
                formdata.append('chunks', chunks);
                formdata.append('file', file);
                await $.ajax({
                    type: "POST",
                    url: "https://file.dga.or.th/api/file/",
                    data: formdata,
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        alert(data.status);
                    }, error: function (jqXHR, textStatus, errorThrown) {
                        let msg = jqXHR.status + ' ' + jqXHR.statusText + '.' + jqXHR.responseText;
                        // show error
                    }, fail: function () { alert('fail:') }
                });
                return result;
            },
        });
        $('#invokeUpload').on('click', async function (e) {
            e.preventDefault();
            let consumerKey = await $.getConsumerKey();
            let file = $('#fuTest')[0].files[0];
            let fileInfo = JSON.stringify({ Name: file.name, ContentType: file.type, Size: file.size, IsPublic: false });
            let signedInfo = await $.signFileInfo(fileInfo);
            if (!signedInfo) return false;
            let accessToken = await $.requestAccessToken(consumerKey, fileInfo, signedInfo);
            if (!accessToken) return false;
            let fr = new FileReader();
            fr.onload = async function (e) {
                let fileData = new Uint8Array(e.target.result);

                let blob;
                let chunk = 0;
                let chunks = Math.ceil(fileData.length / chunkSize);
                for (let i = 0; i < fileData.length; i += chunkSize) {
                    if (i == 0)
                        $('#progress').empty().append('0%');
                    blob = new Blob([fileData.subarray(i, i + chunkSize)]);
                    await $.uploadFile(consumerKey, accessToken, blob, fileInfo, signedInfo, chunk++, chunks);
                    let percentage = Math.round((i + blob.size) * 100 / fileData.length);
                    $('#progress').empty().append(percentage + '%');
                }
            };
            fr.readAsArrayBuffer(file);
        });
    </script>
                        
                        

                        
    <div>
    <div id="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div>
    <br />
    <div id="container">
    <a id="pickfiles" href="javascript:;">[Select files]</a>
    <a id="uploadfiles" href="javascript:;">[Upload files]</a>
    </div><br />
    <pre id="console"></pre>
    </div>
    <script>
        var uploader = new plupload.Uploader({
            runtimes: 'html5,flash,silverlight,html4',
            browse_button: 'pickfiles', 
            container: document.getElementById('container'), 
            url: "https://file.dga.or.th/api/file/",
            chunk_size: '1mb',                                        
            headers: { 'Accept': 'application/json' },
            filters: {
                max_file_size: '10gb',
                mime_types: [
                    { title: "Image files", extensions: "jpg,gif,png" },
                    { title: "Zip files", extensions: "zip" }
                ]
            },
            // Flash settings
            flash_swf_url: '/plupload/js/Moxie.swf',
            // Silverlight settings
            silverlight_xap_url: '/plupload/js/Moxie.xap',
            init: {
                BeforeUpload: function (up, file) {
                    var fileInfo = JSON.stringify({ Name: file.name, ContentType: file.type, Size: file.size, IsPublic: false });
                    var signedFileInfo = $.signFileInfo(fileInfo);
                    if (signedFileInfo) {
                        var token = $.requestAccessToken(fileInfo, signedFileInfo, 'upload');
                        if (token)
                            up.settings.multipart_params = { AccessToken: token, 'Consumer-Key': '1234', FileInfo: fileInfo, SignedFileInfo: signedFileInfo };
                        else
                            up.stop();
                    } else
                        up.stop();
                },
                PostInit: function () {
                    document.getElementById('filelist').innerHTML = '';
                    document.getElementById('uploadfiles').onclick = function () {
                        uploader.start();
                        return false;
                    };
                },
                FilesAdded: function (up, files) {
                    plupload.each(files, function (file) {
                        document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>';
                    });
                },
                UploadProgress: function (up, file) {
                    document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
                },
                Error: function (up, err) {
                    document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
                }
            }
        });
        uploader.init(); 
    </script>