大家好我想做以下事情：
用户需要能够在每个缩略图中上传1张图片。
当占位符图像上没有上传图像（xxx.jpg）并且可以上传图像时 - 在移动设备上需要能够在桌面上移动图像库，上传的文件必须是图像（jpg / png / ..）。然后图像显示在缩略图内。每个缩略图只能上传1张图片
我需要能够将图像保存在服务器上。
当用户点击删除时，图像会从服务器和缩略图中删除，您可以重新开始。
我尝试了dropzone.js但没有成功
<html lang="en">
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="thumbnail">
<img id="main_img" class="img-responsive" onError="" src="xxx.jpg">
</div>
<button type="button" id="delete" class="btn btn-primary">Delete</button>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img id="main_img" class="img-responsive" onError="" src="xxx.jpg">
</div>
<button type="button" id="delete" class="btn btn-primary">Delete</button>
</div>
<div class="col-md-3">
<div class="thumbnail">
<img id="main_img" class="img-responsive" onError="" src="xxx.jpg">
</div>
<button type="button" id="delete" class="btn btn-primary">Delete</button>
</div>
</div>
</div>