我正在構建一個dropzone用于上傳文件的表單。我可以輕松上傳文件。我還添加了一個選項來刪除上傳的文件，使用 ,addRemoveLinks: true但它僅刪除預覽窗格中的文件，而不是存儲文件的服務器中的文件。有沒有辦法在 dropzone 中編寫手動 ajax 請求以刪除 dropzone 中的上傳文件？我的刀片文件包含 dropzone 。<div class="col-md-3 text-center"> <label class="checkbox-inline"><input type="checkbox" name = "RC" id = "RC" value="RC">RC</label> <div class="dropzone" id="dropzoneFileUpload"> <label for="file" class="control-label text-center">Choose a file</label> <span class="control-fileupload"> <img src="{{URL::asset('/images/image_upload.svg')}}" width="50px" class="upload-icon"> </span> </div> <div class="deleteRC" id = "deleteRC"> <button type ="button" class="btn btn-danger" style="cursor:'pointer';" onclick = "Deleteimg();" data-toggle="tooltip" data-placement="top" title="Delete"><span class="glyphicon glyphicon-trash"></span></button> </div> </div><script type="text/javascript">var baseUrl = "{{ url('/') }}"; var token = "{{ csrf_token() }}"; var documentType = $("#RC").val(); Dropzone.autoDiscover = false; var myDropzone = new Dropzone("div#dropzoneFileUpload", { url: baseUrl + "/dropzone/uploadImage", addRemoveLinks: true, params: { _token: token, documentType: documentType }, success:function(file, response) { doctype = doctype.concat(response['documentType']); $("#documentType").val(doctype); doc = doc.concat(response['doc']); $("#document").val(doc); alert("Upload completed"); //document.getElementById("deleteRC").style.display = "block"; }, } });</script>
1 回答
嚕嚕噠
TA貢獻1784條經驗 獲得超7個贊
您可以使用 removedfile 選項，您可以在從列表中刪除文件后調用該選項
addRemoveLinks: true,
removedfile: function(file) {
var name = file.name;
$.ajax({
type: 'POST',
url: 'url.php',
data: "id="+name,
dataType: 'html'
});
var _del;
return (_del= file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
}
- 1 回答
- 0 關注
- 342 瀏覽
添加回答
舉報
0/150
提交
取消