发表于: 2019-11-12 19:15:27

1 1031


今天完成的事情:


修正angular按钮可重复提交问题


修正angular可选择上传两张图片问题


当网速处于一个低速的情况下,传输速度有问题,服务器反应不过来,如果按钮处于一个可点击的情况,就会出现表单重复提交的情况。

我们可以在管理员页面控制网速来模拟这个情况

这个选项是正常网速

而其他的选项就是一个调节网速处于一个什么档位。

当低网速的时候重复点击上线按钮,表单就会重复提交

我打印出来的这些就是我一次性提交上去的同一个数据。


连提交上去的时间都是一样的,说明了这个是同一次上传结果上传了多个。

所以需要把按钮设置为点击一次之后变为disable状态,不可用

disabled属性在将input文本框变成只读不可编辑的同时,还会使文本框变灰,但是readonly不会。

disabled属性修饰后的文本框内容,在不可编辑的同时,通过js也是获取不到的。例如$("input [name='aaa']").val()是不好用的。但是用readonly修饰后的文本框内容,是可以通过js获取到的,也就只是简单的不可编辑而已!

disabled属性对input文本框,单选radio,多选checkbox都适用,但是readonly就不适用,用它修饰后的单选以及多选按钮仍然是可以编辑状态的。

但是不能直接设置为不可用,因为还要点击,所以我们需要在一次点击之后设置为不可用,然后就要将他回复过来。


在提交的那行代码里把disable绑定一个变量,用这个变量来控制他是否可以点击。

由于这个变量未定义,所以需要把他转换为布尔值来控制开关。

找到你的点击方法,在点击之后直接关闭按钮,式按钮进入不可点击状态,在最后又把他恢复过来,保证下次还可以点击。


多个图片


在新增或者编辑的页面里

这里由于是UI组件的问题,是可以上传多个图片的,但是只有一个可以上线,为了避免BUG

需要把多余的选项直接删除

你可以在原有的框上进行操作,但是不能上传两张图片了。

这个代码的作用是添加图片的框小于1,所以他只有一个框





返回列表 返回列表
评论

    分享到