<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>文件上传</title>
<meta name="decorator" content="front"/>
<meta name="renderer" content="webkit">
<script src="${CONTEXT_PATH}/assets/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/stream/js/stream-v1.js" type="text/javascript"></script>
<link href="${CONTEXT_PATH}/assets/stream/css/style.css" type="text/css" rel="stylesheet" />
<link href="${CONTEXT_PATH}/assets/stream/css/stream-v1.css" type="text/css" rel="stylesheet" />

</head>
<body>

    <!--头部下面的一行文字-->
    <p class="sys-text">正在使用创未来提交文件</p>
    <!--内容-->
    <div class="clm-back-content">
      <div class="content-left upload-content-left">
        <div id="i_select_files"><img src="${CONTEXT_PATH}/assets/images/upload-img.png"></div>
        <div id="i_stream_files_queue"></div>
        <button onclick="javascript:_t.upload();" class="clm-scbtn">开始上传</button>
      </div>
      <div class="content-right">
      <img src="${CONTEXT_PATH}/assets/images/updownlo.png">
      </div>
    </div>
    <script type="text/javascript">
    /**
     * 配置文件（如果没有默认字样，说明默认值就是注释下的值）
     * 但是，on*（onSelect， onMaxSizeExceed...）等函数的默认行为
     * 是在ID为i_stream_message_container的页面元素中写日志
     */
        var qrcode = "${code}";
        //alert("${CONTEXT_PATH}");
        var config = {
            browseFileId : "i_select_files", /** 选择文件的ID, 默认: i_select_files */
            browseFileBtn : "<div>请选择文件</div>", /** 显示选择文件的样式, 默认: `<div>请选择文件</div>` */
            dragAndDropArea: "i_select_files", /** 拖拽上传区域，Id（字符类型"i_select_files"）或者DOM对象, 默认: `i_select_files` */
            dragAndDropTips: "<span>把文件(文件夹)拖拽到这里</span>", /** 拖拽提示, 默认: `<span>把文件(文件夹)拖拽到这里</span>` */
            filesQueueId : "i_stream_files_queue", /** 文件上传容器的ID, 默认: i_stream_files_queue */
            //filesQueueHeight : 300, /** 文件上传容器的高度（px）, 默认: 450 */
            //messagerId : "i_stream_message_container", /** 消息显示容器的ID, 默认: i_stream_message_container */
            multipleFiles: false, /** 多个文件一起上传, 默认: false */
            onRepeatedFile: function(f) {
                alert("文件："+f.name +" 大小："+f.size + " 已存在于上传队列中。");
                return false;   
            },
            autoUploading: true, /** 选择文件后是否自动上传, 默认: true */
    //      autoRemoveCompleted : true, /** 是否自动删除容器中已上传完毕的文件, 默认: false */
            maxSize: 31457280,//, /** 单个文件的最大大小，默认:2G */
            retryCount : 2, /** HTML5上传失败的重试次数 */
            postVarsPerFile : { /** 上传文件时传入的参数，默认: {} */
                code: qrcode
            },
    //        swfURL : "${CONTEXT_PATH}/web/swf/FlashUploader.swf", /** SWF文件的位置 */
            tokenURL : "${CONTEXT_PATH}/web/qrcode/upload/token", /** 根据文件名、大小等信息获取Token的URI（用于生成断点续传、跨域的令牌） */
    //        frmUploadURL : "${CONTEXT_PATH}/web/fd;", /** Flash上传的URI */
            uploadURL : "${CONTEXT_PATH}/web/qrcode/upload/doUploadFile", /** HTML5上传的URI */
    //      simLimit: 200, /** 单次最大上传文件个数 */
    //      extFilters: [".txt", ".rpm", ".rmvb", ".gz", ".rar", ".zip", ".avi", ".mkv", ".mp3"], /** 允许的文件扩展名, 默认: [] */
    //      onSelect: function(list) {alert('onSelect')}, /** 选择文件后的响应事件 */
            onMaxSizeExceed: function(size, limited, name) {alert('最大上传文件大小不得超过30M!')}, /** 文件大小超出的响应事件 */
    //      onFileCountExceed: function(selected, limit) {alert('onFileCountExceed')}, /** 文件数量超出的响应事件 */
    //      onExtNameMismatch: function(name, filters) {alert('onExtNameMismatch')}, /** 文件的扩展名不匹配的响应事件 */
    //      onCancel : function(file) {alert('Canceled:  ' + file.name)}, /** 取消上传文件的响应事件 */
    //      onComplete: function(file) {alert('onComplete')}, /** 单个文件上传完毕的响应事件 */
    //      onQueueComplete: function() {alert('onQueueComplete')}, /** 所以文件上传完毕的响应事件 */
    //      onUploadError: function(status, msg) {alert('')} /** 文件上传出错的响应事件 */
    //      onDestroy: function() {alert('onDestroy')} /** 文件上传出错的响应事件 */
        };
        var _t = new Stream(config);
    </script>
</body>
</html>