plupload 多文件上传

情况1:各自传各自的    

https://www.sojson.com/blog/214.html

//触发的id
var ids = new Array("cardzmbtn","cardbmbtn","cardzmbtn-img","cardbmbtn-img");

$.each(ids,function(i,n){
	var self = this.toString();
	//实例化一个plupload上传对象
    var uploader = new plupload.Uploader({
        browse_button : self, //触发文件选择对话框的按钮,为那个元素id
        url : _upload ,//服务器端的上传页面地址
        max_file_size: '2mb',//限制为2MB
        filters: [{title: "Image files",extensions: "jpg,gif,png"}]//图片限制
    });
    //在实例对象上调用init()方法进行初始化
    uploader.init();
  //绑定各种事件,并在事件监听函数中做你想做的事
    uploader.bind('FilesAdded',function(uploader,files){
    	 uploader.start();
    });
    uploader.bind('FileUploaded',function(uploader,files,data){
    	var imgUrl = "//cdn.www.sojson.com/";
    	
    	//这里得到图片的id
    	var id = self.search("-img") == -1?self +"-img":self;
    	console.log("现在在上传的身份证是:",self.search('cardzmbtn')==0?'正':'反',"面");
    	//成功判断
    	if(data.status == 200 ){
    		data = $.parseJSON(data.response);
    		var imagePath = imgUrl + data.file
    		//图片赋值
    		document.getElementById(id).src = imagePath;
    		//正面
    		if(self.search('cardzmbtn')===0){
        		$("#cardzmbtn-input").val(imagePath).attr('src-data',data.file);
        	}else{//反面
        		$("#cardbmbtn-input").val(imagePath).attr('src-data',data.file);
        	}
    	}
    });
});

情况2:添加完多个文件之后,一起上传

https://blog.csdn.net/mypanlong/article/details/52849008

猜你喜欢

转载自blog.csdn.net/NRlovestudy/article/details/82803108