javascript - 如何在图标单击时激活拖放区

Question

我正在使用图像。我想在单击图像时激活 dropzone 图像选择框。当用户点击<i class="fa fa-image" id="dzopen"></i>时用户可以通过浏览和上传图像预览来选择文件 <div id="media-upload-previews"></div>

 <i class="fa fa-image" id="dzopen"></i>
<div id="media-upload-previews">
</div>
<script>
    Dropzone.options.myAwesomeDropzone = {
        paramName: "file",
        maxFilesize: 10,
        url: 'UploadImages',
        previewsContainer: "#media-upload-previews",
        uploadMultiple: true,
        parallelUploads: 5,
        maxFiles: 20
    }
</script>

Answer 1

您可以将代码包装到 jquery click 事件中，如下所示

$(document).on("click", "#dzopen", function(){
   //initilize your dropzone here .
});