DOMString - URL 또는 base 64 전시 그림 (드래그 앤 가 져 오기 - 다 중 선택)
직접 코드
OSS
, ~
window.onload = function(){
let inputElement = document.getElementById("file");
let dropbox = document.getElementById("box");
inputElement.addEventListener("change", handleFiles , false);
function handleFiles(fileList, isbox = true) {
if(isbox){
fileList = fileList.target.files;
}
console.log(fileList);
for (let i = 0; i < fileList.length; i++) {
let img = document.createElement("img"); //let
dropbox.appendChild(img);
/*img.src = window.URL.createObjectURL(fileList[i]); //DOMstring-URL
img.onload = function(){
window.URL.revokeObjectURL(this.src);
}*/
var reader = new FileReader();
reader.onload = function(e){
img.src = e.target.result; //base64
}
reader.readAsDataURL(fileList[i]);
}
}
dropbox.addEventListener("dragenter",function(e){
e.stopPropagation();
e.preventDefault();
},false);
dropbox.addEventListener("dragover", function(e){
e.stopPropagation();
e.preventDefault();
}, false);
dropbox.addEventListener("drop", function(e){
e.stopPropagation();
e.preventDefault();
var dt = e.dataTransfer;
var files = dt.files;
handleFiles(files,false);
}, false);
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
서블릿 JSP에서 이미지 표시DB에 바이너리 파일로 저장한 image 데이터를, jsp의 src보다 doGet에서 jsp에 응답 할 수 없어 이미지를 출력 할 수 없어 곤란합니다. DB 저장 이미지 64KB PNG 이미지 형 BLOB형 Tomc...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
