파일 업 로더 기반 드롭 존이 있습니다. 나는 아래 코드를 제공 할 것이다. 먼저이 문제를 설명해 드리겠습니다.Dropzone.js가 창에 파일을 업로드하지 않습니다.
우분투 컴퓨터를 사용하고 있습니다. 내 서버 코드는 node.js이고 뮬터 라이브러리를 기반으로 우분투 컴퓨터에서 실행 중이며, 프런트 엔드는 Apache 서버에서 실행됩니다. 윈도우 머신 (나는 차이를 만들 수도 있기 때문에이 모든 것을 말하고있다, 나는 그것을 기대하지 않는다).
우분투 컴퓨터에 파일을 업로드 할 때마다 부드러운 항해가 가능합니다. 모든 Windows 컴퓨터에서 파일을 업로드 할 때마다 파일 업로드가 완료되고 (진행률 표시 줄은 보통 0에서 100까지 진행됩니다.) 요청은 서버에 도달하지 않습니다 (적어도 서버 로그에는 표시되지 않습니다).
DROPZONE 양식에 대한 HTML :
<div id="shp" class="uploader">
<form enctype="multipart/form-data" action="http://serverip:9601/uploadpath"
method="post"
class="dropzone"
id="dropzone">
</form>
<button id="submit">Upload</button>
</div>
자바 스크립트 (클라이언트) :
Dropzone.options.dropzone = {
// Prevents Dropzone from uploading dropped files immediately
acceptedFiles: ".zip",
addRemoveLinks: true,
autoProcessQueue: false,
init: function() {
var submitButton = document.getElementById("submit");
var dropzone = this; // closure
submitButton.addEventListener("click", function() {
totalProgress = 0;
dropzone.processQueue(); // Tell Dropzone to process all queued files.
});
},
maxFiles : 1,
parallelUploads: 10000,
paramName: myParamName,
uploadMultiple: false
};
function myParamName(){
return "file";
}
Node.js를 :
router.post('/uploadpath', upload.single('file'), (req, res, next) => {
//Do some stuff
res.status(200).send({ success: true, message: 'Upload Completed!' });
});