本文小编为大家详细介绍“element-ui中upload组件传递文件及其他参数问题如何解决”，内容详细，步骤清晰，细节处理妥当，希望这篇“element-ui中upload组件传递文件及其他参数问题如何解决”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。首先在element-ui的官网里有对upload组件的简单的介绍其实upload就是对input type=”file”做了几层样式封装我第一个不理解的就是action中的url，我后台使用的是PHP语言，根据我之后的理解，这个url其实就是你PHP使用的上传的函数，就和form中的action一样，不一样的是我找了好久也没发现是否能修改默认的post传递方式对PHP提供的url进行传参，这是最直接能想到的方式，但是因为action中是post方式的，而PHP后台我使用的restful方式的url，post方式无法实现传参，我试了好几种都没能成功，也不知道要如何改成get方式第一种方案只能放弃放弃action，在找了好多资料后发现可以不使用action，而是用before-upload属性，这是一个function类型的属性，默认参数是当前文件，只要能传递这个文件也能实现效果要传递这个方法就需要new一个formdata对象，然后对这个对象追加key和value，类似于postman测试时那样具体网上有人给的例子，差不多如下这个感觉可以一试，然后我理所当然的写了一下的方式然后我发现无论怎么样我都只能传过去id，在PHP代码中dump(_FLIES)永远是NULL，这就非常火大了，查了好久没有解决方法，之后发现我用的Content-Type应该是multipart/form-data，而f12中调试页面是application/json; charset=utf-8，我就觉得是不是这个的问题，于是在代码中又加了headers这次报的错是axios Missing boundary in multipart/form-data，没有边界，很头疼无语后来发现Content-Type是自动识别然后加边界的，也有人说要把Content-Type定义为undefined，还是不行，只是自动识别Content-Type，再后来发现原来传递formdata和data不能一起传递，要传递formdata就不能有data，所以要改为这样就可以了以下是我的代码我是把axios集中放在一个文件，与vue文件分离了，其实都差不多还有就是action中随便加一个东西会有404错误，但是不影响最终效果，介意的可以看看有什么方法去除方案三 分多次传值方案二成功了就没有试，不过也没有意义了不方便读到这里，这篇“element-ui中upload组件传递文件及其他参数问题如何解决”文章已经介绍完免费云主机域名毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注百云主机行业资讯频道。
这篇文章主要讲解了“如何用c语言求出给定范围内的所有质数”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何用c语言求出给定范围内的所有质数”吧！程序功能：输入一个整数，要求打印出这个整数以内的所有质数。程序示例…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
