스택큐힙리스트

이미지를 업로드하기 전에 파일 (이미지)을 미리보기 할 수 있도록 하고 싶습니다. 미리보기 동작은 이미지를 업로드하기 위해 Ajax를 사용하지 않고 브라우저에서 모두 실행되어야합니다. 어떻게 할 수 있을까요?답변 1 imgInp.onchange = evt => { const [file] = imgInp.files if (file) { blah.src = URL.createObjectURL(file) } } 아래 HTML 코드는 이미지 파일을 업로드하기 위해 사용됩니다. 답변 2이미지 업로드 전에 미리보기 기능을 활용하면 어떤 이점을 가질 수 있을까요? 이미지 업로드는 웹페이지나 소셜미디어, 온라인 서비스에서 빠질 수 없는 중요한 기능 중 하나입니다. 사용자들은 자신의 경험, 생각, 아이디어를 이미지로 공..

[1,2,3].forEach(function(el) { if(el === 1) break; }); 어떻게 JavaScript의 새로운 forEach 메서드를 사용하여 이 작업을 수행할 수 있을까요? return;, return false; 및 break을 시도해보았지만, break은 동작하지 않고 return은 반복을 계속 진행하는 것 이외에는 아무런 동작을 하지 않습니다.답변 1대신에 Array#some을 사용하십시오: [1, 2, 3].some(function(el) { console.log(el); return el === 2; }); 이 작업은 some이 콜백 중 하나가 true를 반환하는 즉시, 나머지 실행을 바로 중단하여 true를 반환합니다.some, 그것의 역은 every (false를 반..

여기에 내 객체 리터럴이 있습니다: var obj = {key1: value1, key2: value2}; 어떻게 key3 필드와 value3 값을 객체에 추가할 수 있을까요?답변 1객체에 새로운 속성을 추가하는 두 가지 방법이 있습니다: var obj = { key1: value1, key2: value2 }; 점 표기법을 사용하는 방법: obj.key3 = value3; 대괄호 표기법을 사용하는 방법: obj[key3] = value3; 첫 번째 형태는 속성의 이름을 알고 있을 때 사용됩니다. 두 번째 형태는 속성의 이름이 동적으로 결정되는 경우에 사용됩니다. 예를 들어: var getProperty = function (propertyName) { return obj[propertyName]; };..

객체의 키 및 속성의 수를 가장 빠르게 계산하는 방법은 무엇인가요? 객체를 반복하지 않고도 이를 수행할 수 있는 방법이 있을까요? 즉, 다음과 같이 처리하지 않고도 수행할 수 있을까요: var count = 0; for (k in myobj) if (myobj.hasOwnProperty(k)) ++count; (Firefox는 버전 4 정도에서 __count__ 라는 특별한 속성을 제공했지만 해당 기능은 제거되었습니다.)답변 1모든 ES5-호환 환경에서 이 작업을 할 수 있습니다. 예를 들어 Node.js, Chrome, Internet Explorer 9+, Firefox 4+ 또는 Safari 5+와 같은 환경에서: Object.keys(obj).length 브라우저 호환성 Object.keys 문서..