element-ui upload上传文件并携带参数 使用formData对象

需求:上传文件的时候,需要携带其他的参数

问题:使用upload上传文件时,必须使用formData对象,而其他的参数通过data获取的到的,formData和data是不能同时传输的

解决:获取到的data数据,使用formData.append()方法添加上就可以啦,然后把整个formData传给后台就可以了

比如后台需要三个参数 :file 、platformName、reconciliationData

let formData = new FormData();

formData.append("file", this.saveImportFile.fileName );

formData.append("platformName", this.saveImportFile.plat);

formData.append("reconciliationDate", this.saveImportFile.date);

原文地址:https://www.cnblogs.com/m1754171640/p/12605719.html

时间: 2024-10-07 23:21:17

element-ui upload上传文件并携带参数 使用formData对象的相关文章

element中upload上传文件遇到校验问题

在做上传的时候,遇到的需求是 需要对选择的文件进行文件名唯一校验.当我们选择文件以后,点击上传按钮,在文件状态改变时的钩子on-change里做校验规则, 成功或者失败都会重新再走一次这个函数.所以当后端数据库里没有这条数据是,点击上传 会显示一条上传成功,紧接着一条文件名已存在.bug来了,“走校验”在成功后也会出现一次.我想到的办法是,我们不用“this.$refs.upload.submit()”方法,自定义上传接口. 此时,,我们在.then里执行成功  失败的操作.这是后还得注意一个问

Fiddler小技巧-测试上传文件接口&多参数并传情况

写了多年的API了,fidder还真是方便至极相对于postman来说. 两种常用方式: 抓包:app通过代理方式,就可以在pc端看到fidder的请求了 因为会监控好多跟我们需要的没关系的HTTP请求, 就要开启过滤了 主动调试API&上传文件参数&其它参数 拷贝点击"upload file"上传之后自动生成的body然后修改: ---------------------------acebdf13572468 Content-Disposition: form-da

easy ui 异步上传文件,跨域

easy ui 跨域上传文件,代码如下: 1.html代码:(这段代码是个win窗体,我在点击上传图片按钮然后弹出一个上传图片的窗体,选择图片再进行上传,这样在form提交时,提交的参数会少一点.) 说明:跨域上传文件时: a.新加irame <iframe name="upload" style="display:none"></iframe> b. <form id="form_upload_pic" metho

upload上传文件

上传Excel文件代码demo: 下载上传js文件:bower install ng-file-uploa:引入js文件: angular.module('dc.workflow', [ 'ngFileUpload']); js代码:var data=this.data={file:null};//定义data.file为空: this.selectImage = function (file) { this.errorFileType = false; if (file[0].type !=

HTML5+AJAX原生分块上传文件的关键参数设置

processData:false 这是jquery.ajax的一个参数.默认值为true,表示会将非字符串对象自动变成k1=v1&k2=v2的形式,例如一个数组参数{d:[1,2]},到服务端后会变成d[]=1&d[]=2的形式. 要将其设置为false后,才能上传ArrayBuffer对象,服务端直接从Request.InputStream获取原始字节流. w3school解释: processData 类型:Boolean 默认值: true.默认情况下,通过data选项传递进来的数

使用Element的upload上传组件,不使用action属性上传

1.需要实现的效果如下图,在点击提交的时候再提交file数据,和其他数据统一上传,我把file转换成了base64的格式,可以再上传之前显示缩略图 2.代码分析 action属性值为"#" 增加了:http-request="httpRequest"方法 解释: http-request  覆盖默认的上传行为,可以自定义上传的实现 <template> <div> <el-upload class="avatar-upload

fileupload上传文件时带参数

var userID = ""; $('#picture').fileupload({ url: "http://localhost:35708/Handler/FileTransferHandler.ashx", //文件上传地址,当然也可以直接写在input的data-url属性内 dataType: 'json', add: function (e, data) { data.context = $('#upload').click(function () {

ajax异步上传文件之data参数----小哈学js

下载ajaxFileUpload.js(下载网址:http://fileuploadajax.codeplex.com/downloads/get/20976) 修改ajaxFileUpload.js内部程序 1 一.大约在32行 2 createUploadForm: function(id, fileElementId,data) 3 二.大约在47行 4 jQuery(form).appendTo('body');前添加一下代码 5 if (data) { 6 for (var i in

文件上传时如何携带参数和接收返回值(亲测有效)

1.页面 2.js 3.java后台接收 亲测有效 原文地址:https://www.cnblogs.com/ysyy/p/12174535.html