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

  • 相关阅读:
    docker study
    安卓学习征文 -- 自己定义标题栏
    ftp server来源分析20140602
    poj1251--Kruskal
    cocos2d-x 3.0rc1 创建project
    创建序列和相应的视图
    华为OJ: 公共字符串计算
    LeetCode:Minimum Depth of Binary Tree
    webservice发送字符串
    高德地图由哪几部分组成
  • 原文地址:https://www.cnblogs.com/halou/p/3495591.html
Copyright © 2011-2022 走看看