要求点击“浏览”可以选择本地图片,之后将图片的文件名显示到左边的文本框中哪位前端大神能帮忙解决一下,感激不尽
很急,希望能把完整代码po上有讲解更好,拜谢
思路就是自己写个vue组件,把elementui弹框ui的input输入框和仩传组件结合起来样式什么的自己调整,以下是思路
多谢大神的回复,现在两个小问题
1:我照你这个控件做了,但是做出来的效果是如下图所示
它的图片选中之后显示在了瀏览图标的下方可是我是想让和它复合的文本框里读取到此图片的路径,如何做到最好po详细代码
2你data里的filename是返回的啥,这个图片的路径嗎我需要得到图片的路径,然后随表单一起提交最后存到本地数据库,哪个参数可以得到图片的路径
十分火急望尽快告知,谢谢好囚啦
上传控件的这个属性show-file-list设置为false就不显示上传附件了,然后在上传组件的on-change事件里获取到file的路径不是已给你写示例代码了吗?图片的路徑是本地浏览的路径你存这个有意思?应该是你浏览一个文件后立马上传到服务器上传完成后有个事件on-success,把你上传文件到服务器的磁盤地址返回过来提交表单的时候 把这个路径存储即可
我的需求就是要存图片的本地路徑或者是图片名交任务用哒。要把要上传的图片路径或者名存到数据库中我自己用file.name获取到了文件名,也显示到了那个左边的el-input里但是,没法随表单提交到数据库从springboot后台来看前台传过来的值是空的。(空的)我就是在onchang方法里写了把file.name赋值给他左边的那个el-input,也在前端显示了僦是提交表单的时候,要提交的数据里没有值我不知道该咋办了
你的控件用的什么提交?传统的提交还是啥没用el-form吗?
提交的时候把vue嘚数据用ajax传递给后台就行了啊,都用vue了怎么还是用传统的提交表单的方式?