webuploader 图片上传插件使用

发布时间:2019年08月07日 阅读:19 次

插件样式

#filePicker div:nth-child(2){width:100%!important;height:100%!important;}
#filePicker1 div:nth-child(2){width:100%!important;height:100%!important;}

插件初始化

<div id="uploader-demo">
    <div id="fileList" class="uploader-list upimgs"></div>
    <div id="filePicker">选择图片</div>
</div>


js 配置

function initUp(){
	var uploader = WebUploader.create({
	auto: true,
	swf: '/admin/webuploader/Uploader.swf',
	server: '/admins/upload',
	pick: '#filePicker',//对应id
	accept: {
	     title: 'images',
	            extensions: 'gif,jpg,jpeg,bmp,png',
	            mimeTypes: 'image/*',           
	     },
	        formData: {  
	        	 _token:$("input[name='_token']").val()    
	      }
	   			
	    });
	    uploader.on("uploadSuccess", function(file, serverData){       
	        var imgs='<img src="'+serverData._raw+'"/>';
	        $(".upimgs").html(imgs);
	        $("#editfrom input[name='imgs']").val(serverData._raw);
	});
}


Tag:
相关文章

发表评论: