问题
I am uploading files with Dropzone here is my code
<div>
<form id="mainDiv" class="dropzone needsclick" enctype="multipart/form-data" method="post" action="uploadFiles?type=5" role="form">
<div class="dz-message needsclick">
Drop files here or click to upload.<br />
<span class="note needsclick">(Please upload <strong>PDF, JPG, GIF, PNG, PDF</strong> files only.)</span>
</div>
</form>
</div>
<div>
<form id="recommendationDiv" class="dropzone needsclick" enctype="multipart/form-data" method="post" action="uploadFiles?type=5" role="form">
<div class="dz-message needsclick">
Drop files here or click to upload.<br />
<span class="note needsclick">(Please upload <strong>PDF, JPG, GIF, PNG, PDF</strong> files only.)</span>
</div>
</form>
</div>
Uploading works just fine however i want to restrict the type of upload documents
<script>
Dropzone.options.dropzone = {
acceptedFiles:'image/*'
};
</script>
Accepted files doesnt seem to be working , it just uploades everything.
回答1:
You need to include the camelized ID of the dropzone element. For your example, you have the <form>
with id="recommendationDiv"
so you would set the options with:
Dropzone.options.recommendationDiv = {
acceptedFiles: 'image/*'
};
You are setting the options for a form with id "dropzone" that doesn't exist. After setting with the correct id, you should see the correct behavior:
See Dropzone's configuration documentation.
来源:https://stackoverflow.com/questions/48116871/restrict-dropzone-to-upload-only-specific-type-of-files