element ui上传给后台php,elementUI 文件上传与VUE input file事件绑定的问题

本文探讨了前端图片上传的实现过程,包括通过点击按钮触发file输入框、设置隐藏及上传前的参数配置。使用示例展示了如何将数据传递到PHP服务器,并展示了PHP端接收文件和参数的方法。同时提到了多图上传和图片预览的功能实现,并推荐了作者的博客资源。
摘要由CSDN通过智能技术生成

1.action 是提交地址,data是额外参数。服务器可以拿到的,我写的

class="avatar-uploader"

action="1.php"

:data="{'aaa':111}"

:show-file-list="false"

:on-success="handleAvatarSuccess"

:before-upload="beforeAvatarUpload">

测试1.php:

var_dump($_FILES);

var_dump($_REQUEST);

?>

返回数据如图:

b8ca20fd874e6a2d3f30dead593a0838.png

2.点击button触发file就是file.click(),然后file的css设置隐藏

点我上传图片

var myfile = document.getElementById('file');

function upimg(){

myfile.click();

}

自己写的看看我以前答的多图上传和图片上传预览

推销一下我的博客今天刚写的图片上传链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值