文件下载:https://gitee.com/guoqiang1998/ha_ha_ha.git
<!DOCTYPE html> | |
<html lang="en" xmlns="http://www.w3.org/1999/html"> |
|
<head> | |
<meta charset="UTF-8"> | |
<title>jQuery多图片上传</title> | |
</head> | |
<style> | |
.add_div { | |
width: 400px; | |
height: 500px; | |
border: solid #ccc 1px; | |
margin-top: 40px; | |
margin-left: 170px; | |
padding-left: 20px; | |
} | |
.file-list { | |
height: 125px; | |
display: none; | |
list-style-type: none; | |
} | |
.file-list img { | |
max-width: 70px; | |
vertical-align: middle; | |
} | |
.file-list .file-item { | |
margin-bottom: 10px; | |
float: left; | |
margin-left: 20px; | |
} | |
.file-list .file-item .file-del { | |
display: block; | |
margin-left: 20px; | |
margin-top: 5px; | |
cursor: pointer; | |
} | |
</style> | |
<body> | |
<div class="add_div"> | |
<!--<p>--> | |
<!--<span>分类:</span>--> | |
<!--<select name="select" style="width:120px;" id="catgory">--> | |
<!--<option value="0">顶级分类</option>--> | |
<!--<foreach name="list" item="v">--> | |
<!--<if condition="$check eq $v['id']">--> | |
<!--<option value="{$v.id}" selected>< |