以上示例的HTML标记代码:
<div class="custom-file"> <input id="logo" type="file" class="custom-file-input"> <label for="logo" class="custom-file-label">Choose file...</label></div> Javascript code for abowe example:
$('.custom-file-input').on('change', function() { let fileName = $(this).val().split('\\').pop(); $(this).next('.custom-file-label').addClass("selected").html(fileName);}); 以上示例的HTML标记代码：
<div class="fileinput fileinput-new" data-provides="fileinput"> <span class="btn btn-default btn-file"><span class="fileinput-new">Select file</span> <span class="fileinput-exists">Change</span><input type="file" name="..."/></span> <span class="fileinput-filename"></span> <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">×</a></div> Dropzone.js 是一个轻量级的JavaScript库，将HTML元素转换为dropzone。这意味着用户可以将文件拖放到其上，并且该文件通过AJAX上传到服务器。
abowe的HTML标记代码示例：
<form action="#" class="dropzone" id="dropzoneForm"> <div class="fallback"> <input name="file" type="file" multiple /> </div></form> 您可以找到所有可用的选项和完整的文档: http://www.dropzonejs.com/#configuration-options