微信小程序实现非图片视频(excell,word)文件上传

最新推荐文章于 2024-08-02 00:07:06 发布

一只入坑的java程序员

最新推荐文章于 2024-08-02 00:07:06 发布

阅读量1.6k

点赞数

分类专栏：小程序文章标签： Spring+SpringMvc+Mybatis 微信小程序文件上传 word excell

本文链接：https://blog.csdn.net/qq_37760034/article/details/88952979

版权

本文介绍了如何在微信小程序中利用web-view组件上传非图片文件，如excel和word文档。通过引入相关依赖，配置SpringMvc，编写文件上传的controller和服务，最后在小程序和jsp页面上实现交互，成功实现了文件上传功能。

摘要由CSDN通过智能技术生成

@TOC

微信小程序

查阅小程序的文件上传api，发现小程序api只提供了图片和视屏文件的上传api，如果我们要上传非图片文件怎么办叻?查阅api文档，可以发现web-view这组件

web-view组件

web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型的小程序暂不支持使用。根据官方的介绍，我们可以将web-view看做是浏览器，这样，我们可以采用网页上传文件的方式上传文件。

引入依赖（部分）

<!-- 文件上传组件 -->
			<dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>${
   commons-fileupload.version}</version>
		</dependency>
		<!-- 文件服务器发的fdfs相关 -->
			<dependency>
			   <groupId>org.csource</groupId>
               <artifactId>fastdfs-client-java</artifactId>
               <version>1.27-SNAPSHOT</version>
			</dependency>
		</dependencies>

springmvc配置

        <!--10*1024*1024即10M resolveLazily属性启用是为了推迟文件解析，以便捕获文件大小异常 -->
 
	 <bean id="multipartResolver"
		class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
		<property name="maxUploadSize" value="10485760" />   
		<property name="defaultEncoding" value="UTF-8" />
		<property name="resolveLazily" value="true" />
	</bean>

文件上传controller编写

/**
	 * 上传文件并返回一个文件的name，url
	 * @param uploadFile
	 * @return
	 */
	@RequestMapping("file/upload")
	@ResponseBody
	public Result upload(@RequestParam("file") MultipartFile uploadFile) {
   
		return fileService.upload(uploadFile