파일 입력 값을 동적으로 설정

파일 입력 값을 동적으로 설정

---

이 질문에 이미 답변이 있습니다.

• 페이지에 파일을 놓을 때 파일 입력 값을 설정하는 방법은 무엇입니까? 1 개의 답변
• 파일이 FormData 객체에도 반영되는 FileList 객체에서 File 객체 및 길이 속성을 설정하는 방법은 무엇입니까? 1 개의 답변

파일 입력 값 ( <input type="file" />) 을 설정하는 방법이 있습니까? 아니면 보안을 위해 모두 차단됩니까? Google Gears의 openFiles를 사용하여 간단한 멀티 업 로더를 만들려고합니다.

노트 :

아래 답변은 2009 년 레거시 브라우저의 상태를 반영합니다. 이제 2017 년 JavaScript를 사용하여 파일 입력 요소의 값을 동적 / 프로그래밍 방식으로 실제로 설정할 수 있습니다.

자세한 내용과 데모는이 질문의 답변을 참조하십시오.
파일 입력 값을 프로그래밍 방식으로 설정하는 방법 (예 : 파일을 끌어다 놓을 때)?

---

파일 필드의 값을 동적으로 변경할 수 없습니다. 그렇지 않으면 "c : \ yourfile"로 설정하여 파일을 매우 쉽게 훔칠 수 있습니다.

그러나 다중 업로드 시스템에는 많은 솔루션이 있습니다. 다중 선택 열린 대화 상자를 원한다고 생각합니다.

http://www.plupload.com/을 살펴보십시오. 여러 파일 업로드에 대한 매우 유연한 솔루션이며 드롭 존 등을 지원합니다.

---

각도 js 앱에서 작업 중이며 비슷한 문제가 발생했습니다. 내가 한 일은 db에서 이미지를 표시 한 다음 현재 이미지를 제거하거나 유지하는 버튼을 만들었습니다. 사용자가 현재 이미지를 유지하기로 결정한 경우 ng-submit 속성을 이미지 유효성 검사가 필요하지 않은 다른 함수로 변경하고 원본 이미지 경로 이름을 건드리지 않고 db의 레코드를 업데이트했습니다. 이미지 제거 함수는 ng-submit 속성 값을 다시 양식을 제출하고 이미지 유효성 검사 및 업로드를 포함하는 함수로 변경했습니다. 또한 새 이미지를 업로드하기 위해보기로 슬라이드하는 약간의 자바 스크립트입니다.

---

비슷한 문제가 있었는데 JavaScript에서 이것을 작성하려고 시도했는데 작동합니다! :referenceToYourInputFile.value = "" ;

---

누군가이 질문을 우연히 발견하면 AngularJS에 대해 다음과 같은 작업을 수행했습니다.

const imageElem = angular.element('#awardImg');

if (imageElem[0].files[0])
    vm.award.imageElem = imageElem;
    vm.award.image = imageElem[0].files[0];

그리고:

if (vm.award.imageElem)
    $('#awardImg').replaceWith(vm.award.imageElem);
    delete vm.award.imageElem;

참고 URL : https://stackoverflow.com/questions/1017224/dynamically-set-value-of-a-file-input