CATEGORIES
Image 또는 파일을 업로드 할 경우 base64로 변환하여 서버에 올리는 방법에 대하여 알아봅니다.서버에 이미지를 올릴때 파일을 직접 전송할 수도 있지만 데이터를 bade64로 인코딩한 후 업로딩 하는 방법도 많이 사용됩니다. 올라간 데이터는 다시 파일로 변환하거나 데이터베이스에 바로 저장하여 사용할 수 있을 것입니다. 그렇다면 어떻게해야 base64로 인코딩, 변환할 수 있을까요?# 업로드 할 파일 base64 인코딩하기먼저 자바스크립트의 FileReader 내부객체를 사용하여 파일에 접근할수 있습니다. 이때 변수를 만들어 객체를 생성하여 해당 파일의 결과인 인코딩 값을 얻게됩니다. 아래 코드를 봐주세요.! Step 1아래와 같이 input에 파일이 담긴 경우입니다.<input type="file" i
Last Modified : 2018-05-17 13:10:56파일이 업로드 되기 위한 전체과정에 대하여 알아보려고 합니다. php는 파일업로드를 위해 관련된 다양한 함수 및 초변역변수 $_FILES를 제공합니다. 파일이 업로드되는 과정은 어떻게 될까요?1. 사용자가 브라우저를 통해 파일 업로드2. 전달된 폼 양식을 통해 서버로 파일 전송3. 전송된 파일이 서버의 임시 위치에 저장! 파일 업로드를 위해 필요한 폼 입력양식<body><form enctype='multipart/form-data' action='/save.php' method='post'><input type='hidden' name='MAX_FILE_SIZE' value='10000' /><input type='file' name='file' /></form></body>파일을 첨부하기 위한 폼양식은 다
Last Modified : 2015-11-15 15:17:53Python flask에서 파일을 업로드 할 경우 하나가 아닌 다수라면 어떻게 해야할까요? 클라이언트측 html과 서버측 python 코드를 아래에서 알아봅니다.# Python flask에서 여러 파일 전송, 전달받기아래 예제를 통하여 html과 python 코드를 예제를 통해 알아봅니다. 먼저 파일을 전송하기 위해 간단한 입력폼이 필요합니다.! upload.html<form method="POST" enctype="multipart/form-data" action="/uploadfile/"> <input type="file" name="file[]" multiple=""> <button type="submit">Submit</button></form>이때 중요한 부분은 form 태그의 속성으로 enc
Last Modified : 2018-02-21 12:00:12HTML5에서 파일 추가하는 방법에 Drag and Drop을 사용하는 방법입니다. 하나 또는 다수 파일을 드래그앤 드랍으로 추가하는~ 업로드하는 방법은 어떻게 될까요?
Last Modified : 2017-04-04 17:17:43
자바스크립트를 사용하여 캔버스 요소를 이미지로 변환하여 서버에 비동기식 ajax로 전송하는 방법을 알아봅니다.# 자바스크립트 캔버스 이미지 서버로 파일 전달하기HTML5를 사용하여 Canvas 요소를 이미지로 변환하거나 저장할 수 있습니다. 그렇다면 변환된 캔버스 이미지를 서버에 ajax로 전달할 수 있을까요?캔버스 이미지를 서버에 ajax로 전달하기결론부터 얘기하면 가능합니다. 물론 과정은 조금 복잡하며 아래와 같은 순서를 따라야만 합니다.- Canvas 이미지를 데이터로 저장- 저장된 Canvas 이미지를 base64에서 디코딩- 디코딩된 값을 바이트 배열로 변환 후 저장- typed array인 8bit unsigned array로 변환- new blob() 생성자를 사용해 blob 값으로 변환- Fo
Last Modified : 2020-08-05 22:18:49