Simon.hu 发表于 2017-7-13 11:40:39

看完必恍然大悟的活字格内幕:八, 插入->图片和图片类型单元格的区别

本帖最后由 Simon.hu 于 2017-8-8 12:09 编辑

在我们开发web系统的时候,图片拥有很广泛的使用场景。活字格里面当然也是支持图片的使用的。
很多刚开始使用活字格的同学会发现活字格里面有很多类型的图片的设置,比如插入-->图片,如下图所示:

还有图片上传和图片类型的单元格,如下图所示:

那么问题来了。
问题描述:
这么多的图片操作,我应该选择哪种?在这里我们一起看看他们都是怎么使用的。
第一个,插入-->图片:
这个功能和Excel的一模一样,使用后的效果如下图所示:

你是可以在设计器里面随意的拖拽和调节大小的,使用后在网页里的效果,仅仅是一个图片的展示,想要点击以后有什么行为,这个当然是做不到的。

但是简单的修饰网页,使用它是再好不过的。因为可以快速的拖拽修改,插入错了,想要删除,只需要选中一张图片,然后按一下键盘的Delete键就行。
第二个,图片上传类型的单元格:
这个单元格的妙用,就是使用以后在网页上面,你点击一下以后是会弹出让你选择一个图片,当你确认选择以后,图片是会上传上来的。


也就是说,如果你的要给你的一个表里存图片,比如个人简历表的话,你需要在添加或者修改的时候,添加这个图片上传类型的单元格,让用户添加图片的。具体的做法呢,添加一个表,给表里添加一个图片类型的单元格,然后

让活字格自己帮你做一个简单的系统出来,你体验一下。
第三个,图片类型的单元格。
这个和第二个类似,但是第二个点击以后只能上传图片,而这个上传完了以后确实是可以执行一些命令的,比如:点击以后弹出一个看大图的页面,设置方法如下图:

网页效果如下图所示:

又是一个新技能!!!

页: [1]
查看完整版本: 看完必恍然大悟的活字格内幕:八, 插入->图片和图片类型单元格的区别