Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

table 单元格中 上传图片 功能 #1900

Closed
magengxin opened this issue Apr 12, 2019 · 9 comments
Closed

table 单元格中 上传图片 功能 #1900

magengxin opened this issue Apr 12, 2019 · 9 comments

Comments

@magengxin
Copy link

应用场景:在table单元格中实现上传图片功能。
遇到问题:使用element-ui----用户头像上传 功能,实现上传图片的功能,上传单个图片可以成功。如果是多行,同样功能上传会出问题,问题是无法获取当前索引,不能把图片上传到指定的数据中进行保存进而全部一次提交给后台。

图中单元行有多行的情景
image

@PanJiaChen
Copy link
Owner

请提供最小demo

@magengxin
Copy link
Author

https://www.jianshu.com/p/33175c3a6ba4
demo类似于上面的例子,只不过我增加了一个 图片单元格,需求是需要上传一个图片在每列中,
问题是:其他输入框里面的数据可以上传,但是图片路径没法传入成功,我使用的是el-upload组件。

@PanJiaChen
Copy link
Owner

我不是很清楚那你的需求,问问题首先要学会提问。没有人有义务来帮助你。我不可能来猜你想要干什么。

反正不管怎么样,有一个建议,像你这种table 上传图片 应该是整个页面共享一个上传组件,而不是每一行都有一个上传组件。

@magengxin
Copy link
Author

image
请问我有办法把 1 获取的值 传到 2 里面么?

@magengxin
Copy link
Author

https://codepen.io/magengxin/pen/YMrdJZ
这是在线demo
主要功能:添加数据

@magengxin
Copy link
Author

问题:不能上传图片,获取图片的path,在 createBannerImgSuccess 函数中可以正确赋值给data[this.tableActionIndex].img

但是,保存之后,this.master_user.data里面没有图片url

@PanJiaChen
Copy link
Owner

image

@magengxin
Copy link
Author

整个页面使用一个上传组件也是可以的,不过问题是:上传成功执行的回调函数中把图片路径赋值给data,但是保存没法获取,所以还是不成功。

@Dade-jj
Copy link

Dade-jj commented Jul 10, 2020

为什么要共享一个呢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants