附加的添加功能分享

开发工具与关键技术:MVC
作者:胡名权
撰写时间:2019年7月17日

添加附加就是我们通过点击给定的一个按钮弹出一个我们存放图片的文件夹,然后选择图片确定填入,就把它的文件路径显示在我们写好的文本框里,当然我们还可以加上这个文件的表格,显示它的文件名称,类型等。说起来简单可我们在后面需要完成这一操作却要写很多的代码。
  添加附件  
假设这是我们随意给定一个添加附加按钮。紧接着是:
//打开 选择附件的文本框
function openUpAttachmentFile() {
$("#getAttachmentFile").click();
}
我们添加进来以后,如果不小心选错图片了,可以移除文件,于是我们就需要给一个移除的按钮。
当我们点击选择文件的时候,要判断它的文件大小,一般浏览器都会有上传图片的大小限制,我们不判断就传进来后我们到浏览器就显示不出来。
在这里插入图片描述
在这里插入图片描述
由于代码过多就只能分开截图了
倘若我们有添加附件的表格渲染查询数据:
在这里插入图片描述
既然是查询,我们是不是还要记得在控制器写查询的方法,来查询用到的对应字段、表,
那么它的查询方法如下:
在这里插入图片描述
多表联查我们应该见过很多次,比较熟悉了吧。我就不做过多的解释了好吧。
接下来我们就来看看我们写到这里它的一个样式图:
在这里插入图片描述
我们能看到点击添加附加按钮就能弹出这样的一个文件夹的弹出层。那么想选择图片后让其上传成功并且表格有我们想看到有关图片的信息,请听我下回分说。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值