web uploader上传图片

1、web uploader官网

2、WebUploader包文件

3、在页面引入webuploader的js文件

    <!--引入上传组件JS-->
    <link rel="stylesheet" type="text/css" href="${ctx}/lib/webuploader/webuploader.css">
    <script type="text/javascript" src="${ctx}/lib/webuploader/webuploader.js"></script>

4、上传

 <div class="imgs">上传图片</div>
 
<script type="text/javascript"> 	
    $(function () {
        var uploader = WebUploader.create({
            auto: true,
            compress: false,
            swf: '${ctx}/lib/webuploader/Uploader.swf',
            server: "${ctx}/admin/file/image/upload",
            pick: '.imgs',
            fileVal: 'imageFile',
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            }
        });
        uploader.on('uploadSuccess', function (file, response) {
            //上传成功后的处理
            
        });
        uploader.on('uploadError', function (file) {
        	//上传失败后的处理
        	
        });
    });
</script>