bootstrap_fileinput上传文件后台接受额外的参数

如果是你，你会怎样做

我们何尝不是茫茫人海中的一员，迷茫着，追求着

天天敲着java代码能怎样，明天如何

不要问明天会怎样，明天怎样都是你今天和明天的选择

好啦，不扯了，大家如果想听我扯，可以访问我的网站www.read8686.com

html代码:

<input type="file" id="upload1" name="myFileName" multiple />

js代码：

$(function() {var cliengguid=null;$("#upload1").fileinput({language : 'zh', // 设置语言uploadUrl : getProjectURL() + 'image/uploadimg', // 上传的地址allowedFileExtensions : [ 'jpg', 'png' ],// 接收的文件后缀showUpload : true, // 是否显示上传按钮showCaption : false,maxFileCount : 4,uploadExtraData : function() {// 向后台传递参数var data = {cliengguid : cliengguid};return data;}// 是否显示标题}).on('fileuploaded', function(event, data) {console.log(data);}).on('fileerror',function(event,data){console.log("上传失败")}).on('filebatchselected',function(){cliengguid=uuid();})
});

后台java代码：

@RequestMapping("/uploadimg")public void uploadImg(@RequestParam(value = "myFileName", required = false) MultipartFile cardFile,HttpServletRequest request, HttpServletResponse response) {String cliengguid = request.getParameter("cliengguid");JSONObject jsonRtn = new JSONObject();JSONArray arr = new JSONArray();PrintWriter out = null;try {out = response.getWriter();} catch (IOException e1) {e1.printStackTrace();}try {if (cardFile != null) {String oldname = cardFile.getOriginalFilename();String filetype = oldname.substring(oldname.lastIndexOf("."));SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");String newFileName = sdf.format(new Date()) + "pic" + filetype;String realPath = PropertiesUtil.getValue("FILEPATH", "fileconfig.properties");File targetFile = new File(realPath, newFileName);if (!targetFile.getParentFile().exists()) {targetFile.getParentFile().mkdirs();}BufferedOutputStream out1 = new BufferedOutputStream(new FileOutputStream(targetFile));out1.write(cardFile.getBytes());out1.flush();out1.close();String ipconfigstr = PropertiesUtil.getValue("IPCONFIG", "fileconfig.properties");String imgUrl = "http://" + ipconfigstr + "/upload/" + newFileName;FileInfo fileinfo = new FileInfo();fileinfo.setRowguid(UUID.randomUUID().toString());fileinfo.setFilesize(request.getContentLength());fileinfo.setAddtime(new Date());fileinfo.setCliengguid(cliengguid);fileinfo.setFilepath(targetFile.getAbsolutePath().replace("\\", "&&"));fileinfo.setFileurl(imgUrl);fileService.addFileInfo(fileinfo);arr.add(imgUrl);jsonRtn.put("errno", 0);jsonRtn.put("data", arr);response.setContentType("text/text;charset=utf-8");out.print(jsonRtn.toString());}} catch (Exception e) {e.printStackTrace();jsonRtn.put("errno", 1);jsonRtn.put("data", e.getMessage());response.setContentType("text/text;charset=utf-8");out.print(jsonRtn.toString());} finally {out.flush();out.close();}}

注意点:这个地方我们使用接受文件的方法是MartiFile，为什么不用request，如果不用MultipartFile 将文件和参数分离出来，这边是无法获取到对应的 request.getParameter("cliengguid");

迷茫很久

希望对你有所帮助

bootstrap_fileinput上传文件后台接受额外的参数相关推荐

elementUI中el-upload上传文件时附带额外参数传递
公司vue项目中,文件上传这块先前一直使用的单独接口,即只是单纯的上传文件接口,上传完了拿到文件的id之后再调用文件关联绑定关系的接口,上传的代码如下即可:需要上传的url地址以及hearders中 ...
[原创]使用ajaxFileUpload.js上传文件时附带额外参数。
最近公司的一个项目涉及到导入Excel的功能,于是就想到用ajaxFileUpload来实现上传文件,因为用过很多次了,网上也有很多文章介绍.使用方法不表.但是在附带参数这个环节卡住了:文件可以上传到 ...
javascript上传文件后台接收
今天在wordpress后台管理的插件管理界面,想添加一个ajax无刷新的上传,然后折腾了一下午,对于一个干前端的来说真心是惭愧呀! 好的,先说一下思路: 上传文件,必需得取得当前的文件的数据流,然后 ...
fastDFS上传文件后台报错空指针NullPointException
服务器中部署好之后,用命令上传是可以成功的.返回文件位置id 但页面点击上传文件失败,后台会报空指针之后在其他地方继续测试上传/下载文件发现测试会有的成功有的失败再于服务器用命令测试上传会报错: ...
rz命令上传文件乱码，无关be参数
如果你上传你的jar包到服务器发现出现乱码导致无法上传的问题,一般都是两个原因: 1.未加be参数,一般使用rz -bey命令上传就可以解决. 2.如果按照上面的方式还是没办法解决的话,就要判断你的文 ...
vue上传文件get请求，携带参数文件和其他参数
上传文件get请求,同时携带选择form表单的其他内容例一: 接口需要传文件以及其他内容的参数,这里需要formdata封装再提交数据 <template><FormItem la ...
ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收
场景需要将Excel中的数据导入到数据库中,就会用到文件上传的功能. 这里使用ElementUI的el-upload控件实现文件上传. 注: 博客: https://blog.csdn.net/ba ...
如何在Spring-Boot项目中配置资源文件夹？视频文件不想放在项目中，怎么做？前台上传文件后台如何访问？什么是资源文件夹？
如何在Spring-boot项目配置资源文件夹前言 2.properties文件二.访问 1.放入资源 2.访问方式1 方式2 前言在什么情况下需要配置资源文件夹? 当项目需要读取静态文件夹以 ...
php ajax files 空,javascript - ajax上传文件后台使用$_files接受为空
javascript代码: img{ max-width:80%; display:block; } var up=function(o,success,x,file){ if(typeof succ ...

bootstrap_fileinput上传文件后台接受额外的参数

bootstrap_fileinput上传文件后台接受额外的参数相关推荐

最新文章

热门文章

bootstrap_fileinput上传文件 后台接受额外的参数

bootstrap_fileinput上传文件 后台接受额外的参数相关推荐

最新文章

热门文章

bootstrap_fileinput上传文件后台接受额外的参数

bootstrap_fileinput上传文件后台接受额外的参数相关推荐