사용자 지정 드래그 드롭 및 파일 업로드를 구축하려고합니다. 내 div 컨테이너가 비어 있습니다. 파일을 놓을 때 나는 '' ''유형의 파일을 컨테이너에 넣고 파일 첨부 기능을 트리거하고 싶습니다. 내 코드가 제대로 작동하지 않습니다. 친절한 조언이나 안내. 당신의 호의에 감사드립니다.
다음은 내 코드입니다.
<div class="drag" ondrop="drop(event)" ondragover="allowDrop(event)">
function allowDrop(event) {
event.preventDefault();
}
function addinputfile(){
$('.drag').append('<div class="upload"><input type="file" name="ufile[]" id="ufile" multiple></div>');
}
function drop(event) {
event.preventDefault();
console.log('something dropped here!');
addinputfile();
$('#input#ufile').trigger("click");
}
코드는 단순히 ''파일 유형을 추가하고 파일 업로드에 사용하기 위해 누르는 것입니다.
실제로 일부 브라우저에서는 입력에 대한 이벤트 트리거를 허용하지 않습니다. 파일, Click 이벤트는 사용자가 직접 입력 한 경우에만 작동합니다.
그러나 대안이 있습니다. 여기를 참조하십시오. Jquery 트리거 파일 입력
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다