Use FileUploader Code Snip

//ref

<link href="http://cdn.bootcss.com/file-uploader/3.7.0/fineuploader.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/file-uploader/3.7.0/fineuploader.min.js"></script>
 <script src="http://cdn.bootcss.com/Cookies.js/0.3.1/cookies.min.js"></script>

//HTML

<div id="manual-fine-uploader">
</div>
<button id="triggerUpload" style="display:none">
</button>

//JS init Code

var manualuploader = new qq.FineUploader({
        element: document.getElementById("manual-fine-uploader"),
        request: {
            endpoint: baseUrl + 'reqType=addReportImage'
        },
        autoUpload: true,
        multiple: true,
        validation: {
            allowedExtensions: ['jpeg', 'jpg', 'txt'],
            sizeLimit: 9999999 //bytes
        },
        text: {
            uploadButton: '<i class="icon-plus icon-white"></i> Select Files'
        },
        callbacks: {
            onComplete: function (id, fileName, responseJSON) {
                $(".qq-upload-list").html("");
                //reloadData
                fetchShowImages(Cookies.get("resultReportId"));
            },
            onError: function (event, id, name, errorReason, xhrOrXdr) {
            },
        },
        debug: false
    });

    document.getElementById('triggerUpload').onclick = function () { 
        manualuploader.uploadStoredFiles();
    };

//behiden

原文地址:https://www.cnblogs.com/halou/p/3495591.html