Chi*_*thu 3 javascript php jquery dropzone.js
我使用dropzone插件创建了一个用于图像上传的拖放界面.
这是我正在使用的代码:
<script src="<?php echo base_url() ?>acc/assets/dropzone/dropzone.js"></script>
<form action="<?php echo base_url() ?>acc/assets/dropzone/upload.php"
class="dropzone" id="my-awesome-dropzone">
</form>
Run Code Online (Sandbox Code Playgroud)
我还写了上传图像的PHP代码,它正在工作.
问题是没有用于从放置区域移除图像的移除按钮.如何启用该按钮?
您可以在这里阅读如何配置它:http://www.dropzonejs.com/#toc_6
要创建通过简单地使用dropzone类创建的dropzone的选项,您需要创建一个在表单id之后调用的对象.
Dropzone.options.myAwesomeDropzone = {
//options here
}
Run Code Online (Sandbox Code Playgroud)
要添加删除或取消按钮,您必须通过该选项 addRemoveLinks
<script src="<?php echo base_url() ?>acc/assets/dropzone/dropzone.js"></script>
Dropzone.options.myAwesomeDropzone = {
addRemoveLinks: true
}
<form action="<?php echo base_url() ?>acc/assets/dropzone/upload.php" class="dropzone" id="my-awesome-dropzone"></form>
Run Code Online (Sandbox Code Playgroud)
您还可以查看以下选项: