coding/React3 [React] input file 태그 내에서 value 값 설정하기 - Failed to set the 'value' property on 'HTMLInputElement React 파일 태그 사용 간 value 설정 방법을 정리하려고합니다. input file 태그를 사용해 허용된 확장자가 아닌 경우 알람 및 value 초기화 수행하는 코드를 작성했습니다. 처음 코드 작성 시 태그 내 value 속성으로 초기화 수행 시 예외 발생으로 동일한 에러 발생되는 분은 코드 참고하세요 Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string. 1. 결과화면 a. 허용된 확장자(.msg) 파일 첨부 시 b. 허용된 확장자(.msg) 이외 파일 첨부 시 2. 소스 .. 2022. 9. 26. React + C# .NET + fetch 사용하여 파일 다운로드(File download) 하기 React 와 .NET로 파일 다운로드 방법을 정리하려고합니다. 간단한 방법은 아래와 같습니다. 여담 : codesandbox사이트에서 검색한 소스 기반으로 작성, codesandbox 사랑합니다. 클라이언트 앱(react) view 페이지에서 Button 요소를 적절한 위치에 추가. Button 이벤트 추가 Button 버튼 클릭 시 fetch를 사용해 서버 호출 구현 서버 앱(.net) attachedDownload 함수 작성 1) 다운로드 대상 파일 2) 클라이언트 앱(react) //backend 서버 정보(.net) 명시해둠 const getServerAddress = () => { if (window.location.href.includes("localhost") > 0 ){ return "h.. 2022. 9. 22. React + C# .NET 사용하여 파일 업로드(File Upload ) 하기 React 와 .NET로 파일을 업로드 방법을 정리하려고합니다. 간단한 방법은 아래와 같습니다. 클라이언트 앱(react) view 페이지에서 input[type=file] 요소를 적절한 위치에 추가. state 추가( state를 이용해서 파일을 업로드하려고합니다.) input[type=file] 이벤트 처리 추가 submit 버튼 클릭 시 서버 호출 코드 추가 서버 앱(.net) fileupload 함수 작성 1) 클라이언트 앱(react) useState( file , setFile) = useState() const onChange_Attached = (e) => { setFile(e.target.files[0] ) } const onSubmt_Next = (e) => { const form = .. 2022. 9. 6. 이전 1 다음
