0
여기 내 코드입니다 : 내가 용기를 클릭하면이미지를 끌어다 놓기로 업로드하는 방법은 무엇입니까?
$(".modal-dropzone-img").click(function() {
$(this).siblings(".upload_image").trigger("click");
})
$('.upload_image').on('change', function() {
var files = $(this)[0].files;
processFileUpload(files, $(this).closest('form'));
return false;
});
$('.modal-dropzone-img').on('drop dragdrop', function (e) {
var files = e.originalEvent.dataTransfer.files;
processFileUpload(files, $(this).closest('form'));
return false;
});
function processFileUpload(droppedFiles, frm) {
var uploadFormData = new FormData(frm[0]);
uploadFormData.append("file", droppedFiles);
console.log(droppedFiles);
$.ajax({
url: base_url + frm.attr('action'),
type: frm.attr('method'),
data: uploadFormData,
cache: false,
contentType: false,
processData: false,
success: function (arr) {
// File Uploaded
}
});
}
내 코드뿐만 아니라 작동하지만 나는 용기에 이미지를 드래그하고 거기를 떠날 때 작동하지 않습니다. 뭐가 문제 야?
는console.log(droppedFiles);
의 결과가이 도움이 두 경우 모두
(클릭, 드래그 앤 드롭)