百度开源上传组件WebUploader的formData动态传值技巧

基于Web页面的文件上传一直是互联网应用开发中避免不了的，从asp时代的AspUpload组件、到asp无组件上传，到.Net时代的FileUpload，再到HTML5时代的各种基于jQuery的上传插件：Uploadify，WebUploader。我一路过来都使用过，不过因为DTcms的缘故，开始大面积切换到WebUploader（百度出品极少的好东西之一）。实际应用系统中，不管内部的还是基于互联网项目，通常我们都会遇到如下需求：

1、头像上传

2、产品主图上传

3、产品相册、作品相册、个人相册

4、附件上传（如：简历、申请表）

5、多附件上传

6、视频上传

而我有个需求：上传产品主图前，需要得到文件夹的id，判断上传的图片要上传到那个文件夹上面。问题就是WebUploader进行初始化的时候，可以通过posturl传递参数，也可以通过formData传递参数，但初始化的时候，这两个地方传参数都是当时的参数值。

而我需要在文件上传前的那一刻，读取用户点击某个文件夹。经过百度相关问题，最终还是通过官方的技术文档，找到beforeFileQueued和uploadBeforeSend，参考DTcms中的uploader.js文件，进行了功能扩充。

转载于:https://www.cnblogs.com/dongyu666/p/java_dongyu.html

百度开源上传组件WebUploader的formData动态传值技巧相关推荐

JS - 文件上传组件WebUploader使用详解1（带进度的文件上传
一.基本介绍 1,什么是 WebUploader? WebUploader 是由百度公司团队开发的一个以 HTML5 为主,FLASH 为辅的现代文件上传组件. 官网地址:http://fex.bai ...
webuploader php版,功能强大的文件上传组件-WebUploader
使用WebUploader还可以批量上传文件.支持缩略图等等众多参数选项可设置,以及多个事件方法可调用,你可以随心所欲的定制你要的上传组件. 接下来我以图片上传实例,给大家讲解如何使用WebUploa ...
Vue菜鸟之路: 封装上传组件
为什么80%的码农都做不了架构师?>>> 前言 vue的菜鸟学习之路,从封装一个简单的上传组件开始,菜鸟摸索,大佬轻喷..(不服可以来写Java ....当我没说) 设计 1. ...
vue文件夹上传组件选哪个好?
一. 功能性需求与非功能性需求要求操作便利,一次选择多个文件和文件夹进行上传: 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传.刷新页面后继续传输 ...
从零开始编写自己的C#框架（23）——上传组件使用说明
文章导航 1.前言 2.上传组件功能说明 3.数据库结构 4.上传配置管理 5.上传组件所使用到的类 6.上传组件调用方法 7.效果演示 8.小结 1.前言本系列所使用的是上传组件是大神July开发 ...
我是如何设计 Upload 上传组件的
Upload 组件设计的目标是解决用户上传文件的便利性,但是中后台 Upload 组件的场景是多种多样的,所以可扩展能力是 Upload 组件不可忽视的另一方面. 同样为了大家能够更加容易的理解,我会 ...
Galaxy Release_20.09 发布，新增多个数据上传组件
Galaxy Project(https://galaxyproject.org/)是在云计算背景下诞生的一个生物信息学可视化分析开源项目. 该项目由美国国家科学基金会(NSF).美国国家人类基因组研 ...
文件上传--Smartupload上传组件【上】
首先祝愿大家2013元宵节快乐! 图片等文件上传不同于单纯的数字,文件在计算机中以二进制的形式存在,文件的上传要用到Smartupload组件.我们一起学习一下如何利用Smartupload组件上传文 ...
页面中使用多个element-ui upload上传组件时绑定对应元素
elemet-ui里提供的upload文件上传组件,功能很强大,能满足单独使用的需求,但是有时候会存在多次复用上传组件的需求,如下图的样子,这时候就出现了问题,页面上有多个上传组件时,要怎么操作呢? ...

百度开源上传组件WebUploader的formData动态传值技巧

百度开源上传组件WebUploader的formData动态传值技巧相关推荐

最新文章

热门文章