webuploader用java实现上传

<div id="uploader" class="wu-example">
								<div class="queueList">
									<div id="dndArea" class="placeholder">
										<div id="filePicker"></div>
										<p>或将照片拖到这里，单次最多可选300张</p>
									</div>
								</div>
								<div class="statusBar" style="display: none;">
									<div class="progress">
										<span class="text">0%</span> <span class="percentage"></span>
									</div>
									<div class="info"></div>
									<div class="btns">
										<div id="filePicker2"></div>
										<div class="uploadBtn">开始上传</div>
									</div>
								</div>
							</div>

<!-- webuploader -->
<link rel="stylesheet" type="text/css"
	href="/static/js/webuploader/css.css">
<link rel="stylesheet" type="text/css"
	href="/static/js/webuploader/image.css">
<script type="text/javascript" src="/static/js/webuploader/min.js"></script>
<script type="text/javascript"
	src="/static/js/webuploader/upload-image.js"></script>

// 实例化
    uploader = WebUploader.create({
        pick: {
            id: '#filePicker',
            label: '点击选择图片'
        },
        dnd: '#uploader .queueList',
        paste: document.body,
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        },
        // swf文件路径
        [color=red]swf: '/static/js/webuploader/Uploader.swf',[/color]
        disableGlobalDnd: true,
        chunked: true,
        server: '/point/image/bulk.html',
        fileNumLimit: 300,
        fileSizeLimit: 50*1024*1024,//5M
        fileSingleSizeLimit: 5*1024*1024 //1M
    });

上传文件和普通的spring一样

	@RequestMapping("/bulk")
	@ResponseBody
	public String bulk(HttpServletRequest request, MultipartFile file) {
		String path = super.uploadFile(request, "file", true);
		return "1";
	}

引用

Spring MVC3.2开始支持通过Servlet3.0实现文件上传

<bean id="multipartResolver"class="org.springframework.web.multipart.support.StandardServletMultipartResolver"></bean>

具体可以看 http://www.cnblogs.com/chenying99/p/3746853.html

评论

3 楼 snailprince 2015-09-29  

请问有同一页面，多个上传实例的例子吗

2 楼 wutao8818 2015-08-07  

姚小呵 写道

如何接收server返回的参数呢？例如你返回的是“1”，上传的文件需要服务端进行验证。

看下 WebUploader.uploadSuccess 文档，
有个参数，response {Object}服务端返回的数据

去读这个参数。

1 楼 姚小呵 2015-07-31  

如何接收server返回的参数呢？例如你返回的是“1”，上传的文件需要服务端进行验证。