plupload:在一个jsp中创建多个上传控件-白红宇

plupload:在一个jsp中创建多个上传控件

阅读量：6281 次

发布时间：2019-06-22

本文共 1485 字，大约阅读时间需要 4 分钟。

话不多说，先上demo

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
     
      demo
      
       
        			编号		上传		
         			${vs.count}					
           
           
            
             上传 
                  
              
               var uploaders = new Array();initUploaders = function(uploaders) {    $(".gallery").each(function() {        var el = $(this);        var button = el.attr("id") + "_uploader";        var button1 = el.attr("id") + "_list";        console.log("Init uploader id:" + el.attr("id"));        var uploader = new plupload.Uploader({            runtimes: 'gears,html5,flash,silverlight,browserplus',            browse_button: button,            max_file_size: '10mb',            //修改处理文件的url            url: 'index.html',//            flash_swf_url: 'http://www.plupload.com/plupload/js/plupload.flash.swf',//            silverlight_xap_url: 'http://www.plupload.com/plupload/js/plupload.silverlight.xap',            filters: [                {                title: "Image files",                extensions: "jpg,gif,png"}            ]        });        uploader.bind('FilesAdded', function(up, files) {         for(var i = 0, len = files.length; i
               
                
                 ' + file_name + '
                 
                 
                  
';     $(html).appendTo('#'+button1);     }         //开始上传            uploader.start();        });                uploader.bind("FileUploaded",function(up, file, responseObject){         if(responseObject.status==200){         //上传成功后····         }        });        uploader.init();    });};               initUploaders(uploaders);