前端之家收集整理的这篇文章主要介绍了
使用Dropzone.js上传的示例代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文介绍了使用Dropzone.js上传的示例代码,分享给大家,具体如下:
说明:后台用的python的flask框架,后台对你理解这篇文章没什么影响,你可以使用PHP
form作为上传区
引入Dropzone.js和dropzone.css然后使用表单form定义一个class=”dropzone”即可完成
<
Meta charset="utf-8">
Flask upload with Dropzone example
效果
div作为上传区
div作为上传区也很简单
<
Meta charset="utf-8">
Flask upload with Dropzone example
上传
<
Meta charset=="utf-8">
<div class="container" id="container">
<h2 class="lead">Configuration Demo
<div id="actions" class="row">
<div class="col-lg-7">
<span class="btn btn-success fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span>Add files...</span>
</span>
<button type="submit" class="btn btn-primary start">
<i class="glyphicon glyphicon-upload"></i>
<span>Start upload</span>
</button>
<button type="reset" class="btn btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i>
<span>Cancel upload</span>
</button>