`
wutao8818
  • 浏览: 618180 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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”,上传的文件需要服务端进行验证。

相关推荐

    前端WebUploader后端Java大文件分片上传

    本项目涉及的技术主题是“前端WebUploader后端Java大文件分片上传”,这是一项利用前端JavaScript库WebUploader和后端Java实现的高效、可靠的大文件分片上传策略。以下将详细介绍这一技术实现的关键知识点。 1. **...

    WebUploader多文件上传java实例

    本实例基于Java后端实现,旨在为开发者提供一个完整的WebUploader上传插件使用示例,通过导入到Eclipse开发环境中,可以直接运行并测试。 首先,我们来理解WebUploader的基本工作原理。WebUploader使用HTML5的File ...

    java版 百度webuploader 上传 到 阿里 OSS

    在Java版的WebUploader中,实现上传到阿里OSS的过程主要包括以下几个步骤: 1. **配置WebUploader**:在前端页面,你需要初始化WebUploader实例,设置服务器地址、文件类型限制等参数。同时,由于阿里OSS的安全策略...

    大文件上传的java例子(webuploader包括前台和后台代码)

    本示例提供了一个使用Java后端和百度的WebUploader JavaScript库实现大文件上传的完整解决方案。以下将详细阐述这个例子涉及的关键知识点。 1. **WebUploader**: 百度的WebUploader是一款优秀的前端文件上传组件...

    基于minio webuploader实现的分片上传 断点续传

    要使用这个项目,首先需要安装并配置MinIO服务器,然后部署后台服务(可能需要Java、Python或其他语言环境),最后在前端集成WebUploader组件并配置相应的API地址。这样,用户就可以在前端选择大文件进行分片上传,...

    springMVC结合webUploader完美实现图片上传功能(最新版本)工具下载

    在本文中,我们将深入探讨如何使用Spring MVC框架与WebUploader库来实现一个高效且用户友好的图片上传功能。Spring MVC是Java开发中的一个流行MVC(Model-View-Controller)框架,而WebUploader则是一个轻量级的...

    webuploader+springMVC实现大文件上传.zip

    在本项目中,我们主要探讨的是如何利用WebUploader插件结合SpringMVC框架来实现大文件及多文件的上传功能。这是一个常见的需求,特别是在需要用户提交大量数据或媒体内容的Web应用中。以下是对相关知识点的详细说明...

    webuploader + springboot实现大文件的上传下载

    本文将深入探讨如何使用`WebUploader`前端组件与`SpringBoot`后端框架来实现这一功能,同时支持断点续传和秒传。 `WebUploader`是一个基于`jQuery`的文件上传组件,它提供了强大的文件选取、预览、上传进度显示等...

    WebUploader上传文件实例(Java Struts2版).zip

    在这个"WebUploader上传文件实例(Java Struts2版).zip"压缩包中,我们可以找到一个基于Java Struts2框架实现的WebUploader应用示例。 首先,WebUploader的核心特性在于其异步上传能力,通过Ajax技术实现在不刷新...

    webuploader演示 Java php nodejs dubbo演示

    WebUploader是百度推出的一款强大的文件上传组件,支持大文件上传、分片上传、断点续传等功能,广泛应用于网页端的文件上传需求。本演示项目提供了详细的前后台实现,涵盖了Java、PHP、Node.js和Dubbo四种后台技术的...

    webuploader单页面多个上传demo

    【标题】"webuploader单页面多个上传demo"是关于如何在一个网页中利用WebUploader组件实现多处文件上传功能的示例。WebUploader是由百度开发的一个轻量级且功能强大的JavaScript上传组件,它支持多浏览器环境,包括...

    采用webuploader插件实现单例、多例上传图片,图片回显等,-- demo资源

    本资源是一个关于如何使用WebUploader实现单例、多例上传图片以及图片回显的演示示例。 在Web开发中,图片上传是一项常见的需求,而WebUploader提供了一套完善的解决方案。首先,我们需要了解WebUploader的基本用法...

    springboot+webuploader 实现大文件切片上传,兼容IE8+,chrome等浏览器,可运行

    在本文中,我们将深入探讨如何使用SpringBoot与WebUploader实现大文件的切片上传功能,同时确保兼容性,包括对IE8+及Chrome等主流浏览器的支持。这一技术方案对于处理大容量文件上传,提高用户体验,以及优化服务器...

    ueditor webuploader java

    本文将详细讲解如何使用Java实现带有进度条的多文件上传功能,并结合百度的WebUploader与ueditor编辑器进行配置,以提供用户友好的上传体验。 首先,我们来了解Java在文件上传中的角色。Java作为一个后端开发语言,...

    百度webuploader自己写的demo,涉及到大文件上传,断电续传,分片等,前后端代码齐全,有需要的可用哪来参考哈

    对于不支持File API的旧版浏览器,WebUploader提供了降级策略,如使用Flash插件来实现基本的文件上传功能。 8. **使用和配置**:在使用WebUploader时,你需要设置服务器地址、上传参数、文件类型限制等,通过...

    WebUploader+SpringMVC实现文件上传功能

    在使用WebUploader与SpringMVC集成实现文件上传功能时,首先需要在前端页面引入必要的CSS和JavaScript资源。如上述代码所示,这包括WebUploader的基本样式文件`webuploader.css`,以及用于演示的`uploader_demo.css`...

    webuploader实现大文件分片上传

    通过以上步骤,我们可以构建一个基于Java SpringMVC和WebUploader的大文件分片上传系统。这个系统不仅提高了上传效率,还增强了用户体验,尤其是在处理大文件时表现尤为出色。在实际应用中,还可以根据具体需求进行...

Global site tag (gtag.js) - Google Analytics