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