引入图片预览上传js文件
<link href="../../assets/plugins/dropify-master/dist/css/dropify.css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="../../assets/plugins/dropify-master/dist/js/dropify.js"></script>
Html主体部分
<!-- 调模态框 -->
<div class="col-6 m-0 p-0 input-group-addon">
<h2 class="col-12 m-0 p-0">
<a href="#" data-toggle="modal" data-target="#coverModal"
title="添加封面" class="col-12 fa fa-spin fa-picture-o"
style="color: silver;"></a>
</h2>
</div>
<!-- 隐藏域,接受后台传回来的图片存储地址,方便跟最后的From表单将所有数据一起存储 -->
<div class="card m-0 p-0" id="hiddenarea" style="display: none;"></div>
<!-- 封面Modal