파일 업로드 type_javascript 기술을 결정하는 JavaScript 방법

이 기사의 예는 JavaScript가 매우 일반적인 기술인 파일 업로드 유형을 결정하는 방법을 보여줍니다. 구체적인 구현 방법은 다음과 같습니다.

파일을 업로드할 때 사용되는 함수는 html 요소의 입력 태그를 사용하여 구현됩니다.

<input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file"   title="点击选择文件" onchange="imageSubmit(this,0);"/> 

이미지 선택 후 즉시 onchange 이벤트가 발생하여 이미지를 업로드합니다. 단, 동일한 이미지를 반복적으로 선택하면 onchang 이벤트가 발생하지 않습니다.

function imageSubmit(obj, imageType) { 
  if (imageType == "0") { 
  //相关处理代码... 

  //解决上传相同图片不触发onchange事件
  var nf = obj.cloneNode(true);
  nf.value=''; 
  obj.parentNode.replaceChild(nf, obj);
  }
}

cloneNode() 메서드는 호출 노드의 동일한 복사본을 만드는 데 사용됩니다. 매개변수 true는 깊은 복사, 즉 노드와 전체 하위 노드 트리를 복사하는 것을 의미합니다. 복사가 수행됩니다. 즉, 노드 자체만 복사됩니다. 복사 후 반환된 노드의 복사본은 문서의 소유이지만 부모 노드가 할당되어 있지 않습니다. 따라서 노드 복사본은appendChild(), insertBefore() 또는 replacementChild()를 통해 문서에 추가되지 않는 한 "고아"가 됩니다.

이 기사가 JavaScript를 사용하여 웹 프로그램을 설계하는 데 도움이 되기를 바랍니다.