2 cyicea cyicea 于 2016.04.29 15:01 提问

jsp页面上使用plupload的问题

问题描述:我在jsp页面上调用plupload时,先看到那段“您的浏览器。。。”,上传界面要等几十秒后才会出现,在jsp页面上单独测试该控件时,会在页面上直接转成plupload上传界面,但是当我把该控件应用到实际项目中,就会出现上述问题,由于生产环境中,需要这个上传控件放在一个需要暂时隐藏的div中,所以我不能直接使用$(function(){})直接加载,否则会报错

如果还有什么需要了解的,麻烦说一下,我被这个问题困扰几天了,还是没头绪。

div及对应的js如下:

 <div id="pluploadDiv" style="display: none;">
                    <div style="width: 100%; margin: 0px auto"> 
                        <form id="formId" action="Submit.action" method="post">
                            <div id="uploader" style="display: none;">
                                <p>您的浏览器未安装 Flash, Silverlight, Gears, BrowserPlus 或者不支持 HTML5 .</p>
                            </div>
                        </form>
                    </div>
                </div>
 function uploadshow(){
    $("#pluploadDiv").css('display', 'block');
    $("#uploader").pluploadQueue({
        // General settings
        runtimes : 'gears,flash,silverlight,browserplus,html5,html4',
        url : '/material/uploadMaterials',
        max_file_size : '10mb',
        unique_names : true,
        chunk_size: '2mb',
        // Specify what files to browse for
        /* filters : {
            //{title : "xls, xlsx文档", extensions : "xls,xlsx"}
             mime_types : [ //只允许上传图片和zip文件
            { title : "Image files", extensions : "jpg,gif,png" }
          ],
          max_file_size : '400kb', //最大只能上传400kb的文件
          prevent_duplicates : true //不允许选取重复文件
        }, */
        filters : [
            {title : "Image files", extensions : "jpg,gif,png"}

        ],

        // Flash settings
        flash_swf_url : '/plupload/js/plupload.flash.swf',
        // Silverlight settings
        silverlight_xap_url : '/plupload/js/plupload.silverlight.xap'
    });
    $("#uploader").css('display', 'block');
    $('form').submit(function(e) {
        var uploader = $('#uploader').pluploadQueue();
        if (uploader.files.length > 0) {
            // When all files are uploaded submit form
            uploader.bind('StateChanged', function() {
                if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
                    $('form')[0].submit();
                }
            });
            uploader.start();
        } else {
            alert('请先上传数据文件.');
        }
        return false;
    });
}

1个回答

u014427391
u014427391   2016.05.01 00:41
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
plupload:在一个jsp中创建多个上传控件
在一个jsp页面中实现多个上传控件共同执行
plupload自动生成input控件选择按钮,ios手机却无法选择
plupload插件在苹果手机下无效的一个原因
利用Plupload解决大容量文件上传问题, 带进度条和背景遮罩层
大容量文件上传早已不是什么新鲜问题,在.net 2.0时代,Html5也还没有问世,要实现这样的功能,要么是改web.config,要么是用flash,要么是用一些第三方控件,然而这些解决问题的方法要么很麻烦,比如改配置,要么不稳定,比如文件上G以后,上传要么死掉,要么卡住,通过设置web.config并不能很好的解决这些问题。这是一个Html5统治浏览器的时代,在这个新的时代,这种问题已被简化并解
plupload上传图片等文件到七牛云平台
1.引入插件 2:引入七牛cdn 3.html 代码 4.js代码 var uploader = Qiniu.uploader({ runtimes: 'html5,flash,html4', browse_button: 'browse', upt
plupload ie9 上传没大小 和 不支持 flash
参考:https://github.com/moxiecode/plupload/issues/985   Still not working on ie8 in XP #985  Closed orassayag opened this issue on 3 Jan 2014 · 8 comments
plupload在IE8和IE9上无法完成附件大小校验
plupload在Firefox、IE10上可以完成文件大小校验,但是在IE8、IE9上却不能,可能存在以下原因。       首先,需要配置runtimes属性为:html5,flash,silverlight,html4;       其次,如果已经配置了,则需要在使用的系统上安装flash软件。       估计原因是:IE9以及以下支持或者对HTML5支持的不够好造成的,而javas
文件上传控件PlupLoad 的使用
最近有用到一个PlupLoad 的文件上传控件,觉得还不错,但是找了很久网上也没有具体的使用方法或者说是很详细的使用方法,于是自己在完成功能之后就打算把这些方法给记录下来,以便后面需要使用的时候方便查看。以下简单介绍下这个上传控件。        现在随着html5技术的逐渐推广和普及,再去使用以flash为上传手段的SWFUpload显然就有点过时了,毕竟html5原生的就给我们提供了文件上传
前端上传组件Plupload使用以及IE下注意的问题
Plupload有以下功能和特点: 1、拥有多种上传方式:HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式,Plupload会自动为你选择最合适的方式。 2、支持以拖拽的方式来选取要上传的文件 3、支持在前端压缩图片,即在图片文件还
表单三件套之一“上传插件” Plupload--网络转载
Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件,简单易用且功能强大,我们完全可以使用Plupload来代替以前的SWFUpload。 Plupload有以下功能和特点: 1、拥有多种上传方式:HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操
react 中使用 plupload 上传文件
这几天做一个项目的迭代开发,需要在react 中使用plupload 插件实现上传文件。需求很简单,如下图,点击“...” 按钮选择文件,点击“Import”按钮上传文件。 plupload 上传文件大概分为以下几步:1. 新建一个uploader实例,并在构造时配置好上传的相关属性。const uploader = new plupload.Uploader({     browse_butt...