max-height:400px;
overflow:auto;
background-color: #fff;
border: 1px dashed #d9d9d9;
border-radius: 6px;
box-sizing: border-box;
padding:10px;
margin-top:10px;
}
/滚动条样式/
.el-upload-list--picture::-webkit-scrollbar {
width: 3px;
}
.el-upload-list--picture::-webkit-scrollbar-track {
background-color:#FCF8E3;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.el-upload-list--picture::-webkit-scrollbar-thumb {
background-color:skyblue;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.el-upload-list--picture .el-upload-list__item{height:auto;}
.el-upload-list--picture .el-upload-list__item-thumbnail{float:none;width:50px;height:50px;}
.el-upload-input{width:100px;border-radius:5px;text-indent:5px;}
上传收款码:
点击上传
-
{{item.name}}
固定收款金额:
固定收款浮动:
<input id="takepicture" style="display:none" type="file" name="image[]" multiple="multiple" accept="image/gif, image/jpeg, image/jpg, image/png, image/svg" @change="batchUploadFilesChange">
- 上传必看:
- 1、只能上传jpg/png/gif类型的图片,且大小不能超过2MB;
- 2、本页面功能方便用户快速批量上传固定金额的收款二维码;
- 3、建议把金额设置为文件名称,方便系统自动识别输入固定收款金额;
- 4、鼠标悬浮于收款码缩略图上,可以放大图片,方便查看收款码的金额;
立即提交
返回
js部分:
thinkphp后端控制器:
public function upload() {
if(request()->isPost()) {
$postdata=input('post.');
常用的JavaScript设计模式
-
单体模式
-
工厂模式
-
例模式
函数
-
函数的定义
-
局部变量和全局变量
-
返回值
-
匿名函数
-
自运行函数
-
闭包