时间:2021-05-19
最近工作涉及到了上传图片的情况,在网上看了很多,就着重学习了下。上传文件的方式有多种,这里对使用FormData的方式进行说明。
1、springmvc项目想要上传文件,需要使用multipart方式,所以在spring-mvc.xml配置文件中需要增加multipart相关配置,代码如下
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- one of the properties available; the maximum file size in bytes --> <property name="maxUploadSize" value="50000000"/> </bean>2、jsp代码
<form action="picUpload" method="post" enctype="multipart/form-data" id="fileForm"> <input type="file" id="pic" name="pic" multiple><br><br> <input type="text" id="id" name="id"><br><br> <input type="text" id="name" name="name"><br><br> <input type="button" value="上传" onclick="morePicUpload()"> </form>需要注意的是,form 的 enctype 值必须为 multipart/form-data,这样才能在提交表单的时候传递文件数据。
如果要一次选择多个文件,可以在file表单添加"multiple",这样在选择文件时可以一次选择多个文件。
3、js代码
先创建formData,用来存放表单中的内容,"fileForm"为jsp页面中form的id。
4、最后的是controller,代码如下
使用"MultipartHttpServletRequest"可以获取form表单中的所有空间内容,文件可以通过"List<MultipartFile> filelist = multipartRequest.getFiles("pic");"方式获取,然后进行文件的上传等操作就行了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
摘要1.jquery自定义插件方法2.表单file样式调整3.利用formData,ajax上传图片4.js,css弹出层5.springmvc上传图片效果调用
无刷新上传功能如何实现?手写无刷新上传要用到两个东西,FormData和FileReader。FileReader用于图片浏览。FormData用于ajax请求
Ajax文件下载利用FormData对象和SpringMVC配合可以实现Ajax文件上载功能:步骤1.导入组件并准备静态脚本commons-fileupload
html页面//注意不能带括号js代码methods:{//上传图片onUpload(e){varformData=newFormData();formData
本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法。分享给大家供大家参考。具体分析如下:FormData对象,可以把form中所有