zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    IE8中li添加float属性,中英数字混合BUG
    jQuery ajax get与post后台交互中的奥秘
    BZOJ 4816 数字表格
    BZOJ 1598 牛跑步
    BZOJ 4077 Messenger
    相关分析 BZOJ 4821
    Crash的数字表格 BZOJ 2154 / jzptab BZOJ 2693
    回文串 BZOJ 3676
    古代猪文 BZOJ 1951
    树上的路径 BZOJ 3784
  • 原文地址:https://www.cnblogs.com/halou/p/3495591.html
Copyright © 2011-2022 走看看