原文:【elementUI系列】在elementUI中新建FormData对象组合上传图片和文件的文件对象,同时需要携带其他参数

今天有一个坑,同时要上传图片和文件,而且图片要展示缩略图,文件要展示列表。 我的思路是: 首先,只上传附件照片,这个直接看ele的官方例子就行,不仅仅上传附件照片,还同时上传其他参数。 然后,再做上传照片和文件,上传其他参数,其实也就是文件合并。 一 上传照片和其他参数 页面样式大约就是这样的,参数有优先级,发生时间,服务单名称,服务单描述,图片附件上传。 一 视图部分代码: 说明: action ...

2018-11-30 23:34 2 5845 推荐指数:

查看详情

elementUI上传excel文件,并携带多个参数

参考链接: ElementUI的upload组件手动上传,并携带参数和excel文件流提交给后台 (以下内容均来自参考链接) 使用场景: 选取好excel文件后,再把导入的excel文件参数同时提交给服务器,需要用到文件的手动上传,但是直接拷贝官网的demo会出现问题,下面会具体说明要注意 ...

Thu Apr 16 02:10:00 CST 2020 1 3101
element-ui upload上传文件携带参数 使用formData对象

需求:上传文件的时候,需要携带其他的参数 问题:使用upload上传文件时,必须使用formData对象,而其他的参数通过data获取的到的,formData和data是不能同时传输的 解决:获取到的data数据,使用formData.append()方法添加上就可以啦,然后把整个 ...

Tue Mar 31 23:51:00 CST 2020 0 9141
文件上传FormData对象

文件和其他数据类型不同,是一个二进制的形式,所以上传有所区别,具体有以下几种方式。 一 Form上传文件 1.1 Form方式 file_upload.html <!DOCTYPE html> <html lang="en"> <head> ...

Fri Nov 09 00:38:00 CST 2018 0 801
vuejs使用FormData对象,ajax上传图片文件

我相信很多使用vuejs的朋友,都有采用ajax上传图片的需求,因为前后端分离后,我们希望都能用ajax来解决数据问题,传统的表单提交会导致提交成功后页面跳转,而使用ajax能够无刷新上传图片文件。 其实已经有朋友封装了相关的npm包,但是我想说用原生的js api来实现,也用不了多少代码 ...

Mon Aug 07 23:49:00 CST 2017 2 33189
vue+elementui el-upload 上传文件携带其他的参数

首先上图: 点击文件上传按钮,上传文件的同时,还要传递 项目id 的参数 projectId。网上很多文章都是只传递 formdata 对象,而不携带其他参数,即使是这样需求,也有很多网友碰到问题,都是说要加 'Content-Type': 'multipart/form-data ...

Sun Mar 15 06:56:00 CST 2020 0 5741
FormData上传文件对象详讲

FormData上传文件对象 详讲 FormData的主要用途有两个: 1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。 2、异步上传文件 一、创建formData对象 1、创建一个空对象: 2、通过表单 ...

Fri Mar 27 00:26:00 CST 2020 0 998
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM