webuploader 批量上传图片+参数上传完整解决方案

jsp页面:

1.官网下载文件

webuploader 批量上传图片+参数上传完整解决方案_第1张图片

2.将index.html里面的引用和dom结构复制到自己的jsp页面中,如图:


webuploader 批量上传图片+参数上传完整解决方案_第2张图片

3.这样前段就基本完成了,然后修改一下upload.js文件里的内容,实现将后端传来的id,随着图片上传而传到后端


formData实在初始化的时候赋值,这个时候我们的隐藏域中还没有值,所有要给webuploader添加一个事件监听


这样后面uid的值就会覆盖formData里面uid的值,至此前端就算完了,下面来看看后端怎么接手

springmvc接参

1.先上图

webuploader 批量上传图片+参数上传完整解决方案_第3张图片

2.上一下结果图

webuploader 批量上传图片+参数上传完整解决方案_第4张图片

是不是拿到数据之后就简单多了呀!!!

自己照着api文档弄的,如果你在处理过程中遇到问题,欢迎留言讨论。。。



你可能感兴趣的:(前端)