webuploader用java实现上传

最新推荐文章于 2022-07-13 12:00:30 发布

iteye_6075

最新推荐文章于 2022-07-13 12:00:30 发布

阅读量447

点赞数

分类专栏： spring 文章标签： java html5

本文链接：https://blog.csdn.net/iteye_6075/article/details/82607126

版权

spring 专栏收录该内容

19 篇文章

订阅专栏

本文介绍 WebUploader 的配置方法，包括图片拖拽上传、上传限制等特性，并展示了如何在 SpringMVC 中实现文件上传功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



<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";
	}

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


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

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

:idea:
:arrow: